Стандартные размеры экрана в пикселях для HTML/CSS
Существует ли обычная ширина экрана, которая считается максимальной, то есть срабатывает горизонтальная полоса прокрутки при превышении?
Например, разрешение экрана моего ноутбука составляет 1600x900, поэтому, когда я устанавливаю ширину div основного контента равным 1100 с полями с обеих сторон, он выглядит примерно как экран, на который вы сейчас смотрите.
Но меня беспокоит, может ли оно пролиться по ширине на меньшие разрешения экрана. Должен ли я взять что-то меньше 1600, как максимум, и что это должно быть?
3 ответа
Используйте процент (с разметкой "три столбца / деления") и центральный столбец с дополнительным атрибутом max-width:960px;... Это в значительной степени отраслевой стандарт. Вот действительно хорошее руководство по компоновке с адаптивной (упругой) сеткой: http://www.responsivegridsystem.com/
Почему бы не использовать%? У него никогда не будет проблем с прокруткой... вам просто нужно определить, доступно ли масштабирование фонового изображения (css3)
Единственная проблема, с которой я когда-либо сталкивался, - это проблема масштаба фонового изображения... с помощью css3 это решено, поэтому вы можете основать весь свой проект на%
Это действительно высокое звучание для меня. Я бы не сделал макет больше, чем 800px, если бы не хотел, чтобы он прокручивался. Если я буду более снисходительным, то 900 или 950px - это нормально. Я в том числе поля.