#html #css #background #resolution #scaling
#HTML #css #предыстория #разрешение #масштабирование
Вопрос:
Итак, по какой-то причине моя веб-страница отлично отображается на моем главном экране, но она зависает на моем втором мониторе. Разрешение основного экрана: 1440×900, разрешение второго экрана: 1280×800
Ответ №1:
Ваши проблемы в том, что вы указываете, на сколько пикселей нужно перейти вправо для вашего среднего раздела. То, как вы его кодируете, никогда не будет выглядеть правильно, если все, кто использует ваш веб-сайт, не используют то же разрешение экрана, что и ваш основной монитор.
Вместо этого вам следует использовать относительное позиционирование, flexbox или, возможно, самый простой и удобный для браузера — использовать фреймворк, такой как bootstrap, который поможет вам расположить вещи так, как вы хотите.
кроме того, удалить горизонтальную прокрутку так же просто overflow-x: hidden , как указать свойство css в теле или что-то еще, вызывающее боковую прокрутку
Комментарии:
1. если я установлю относительное позиционирование, оно полностью исчезнет?
2. Да … как уже упоминалось здесь , это самый запутанный вариант из всех атрибутов позиционирования. Я включил это в ответ только потому, что это опция, доступная вам для использования. Лично я бы выбрал систему bootstrap grid, которая у них есть, или использовал идею flexbox.
3. При всем моем уважении я понимаю в этом еще меньше. Я относительно новичок во всем этом программировании, спасибо за усилия, приложенные для ответа на мой вопрос. Однако я попрошу своего учителя дать некоторые объяснения относительно идеи начальной загрузки.