Позиционирование элемента зависит от изменения разрешения экрана браузера
Новичок разработчик здесь.
С этой маленькой проблемой я всегда сталкиваюсь. Каждый раз, когда я пытаюсь изменить разрешение браузера (или то, что вы называете событием, когда вы прокручиваете колесо мыши, нажимая Ctrl), некоторые элементы (в основном элементы формы) сдвигаются вниз или куда-то еще, что не соответствует оригиналу позиционирование. Я не уверен, что проблема с CSS или самой разметкой, и я не уверен, что это большая проблема. Должен ли я игнорировать это? (Это не очень удобно, хотя, думая, что это может стать проблематичным в ближайшем будущем) Иначе, какое-нибудь решение о том, как этого избежать?
Простые объяснения очень ценятся, спасибо.
(Возможно, использованный термин "новичок" следует заменить на нуб?). Ха-ха.)
2 ответа
Эд, возможно, ты также можешь использовать max-width и min-width в своем css, чтобы избежать этого. сосредоточив внимание на разрешении, скажем, 1024 x 768 . Вы можете использовать минимальную ширину для обоих ваших столбцов, чтобы в точке ниже этого разрешения она не пропускалась вниз. Дайте мне знать, если это помогло
Эд, звучит так, будто ты увеличиваешь масштаб. Проблема, которую ты описываешь, возникает при использовании абсолютных размеров, например width: 20px;, Для достижения макета жидкости вы можете использовать em вместо, например, width: 10em;,
Может оказаться полезным сделать статью о переходе от px к em.