Адаптивный дизайн - проценты, пиксели и EMS - PullRequest
0 голосов
/ 10 ноября 2011

Я начинаю с создания сайта, который должен реагировать на экран разных размеров. Я использую шаблон Fluid Baseline Grid, который использует проценты для столбцов и корректирует в соответствии с размерами экрана с помощью медиа-запросов. Теперь, когда я добавляю свой собственный CSS, я задаюсь вопросом, следует ли мне использовать пиксели, проценты или ems для позиционирования моих элементов (внутри элементов плавной сетки). Например, поля и отступы между элементами div, шириной полей ввода и т. Д. Размеры шрифта и высота строк - это единственное, что устанавливается для использования ems для измерения.

Кто-нибудь может дать какие-нибудь указатели на это? В данный момент я склоняюсь к использованию пикселей в процентном расположении, заданном шаблоном сетки.

1 Ответ

3 голосов
/ 10 ноября 2011

В идеале вы должны по возможности использовать проценты, по крайней мере, на горизонтальной плоскости, чтобы поля и отступы могли расширяться / сокращаться пропорционально с остальным содержимым. Поле 10px может быть хорошим для небольших разрешений, но оно может выглядеть слишком узким для гораздо больших.

...