, который я должен использовать в CSS, при разработке веб-страницы

Question

Я обнаружил более 10 сайтов, но все же у меня возникло сомнение в том, что «Whats the right unit I should use». Является ли он px, или em или%. Plz направлять меня в правильном направлении

EDIT 1: ДЛЯ раскладками (особенно для контейнерных коробок)

Answer 1

Различные единицы в зависимости от контекста. Если бы был один, который был бы лучшим для каждой ситуации, тогда не было бы так много единиц.

Как правила большого пальца ходу:

Если вы работаете на экране СМИ:

• Использование % для размеров шрифта
• Использование px для изображений
• Использование px, % или em для размеров ящиков
• Используемые коэффициенты для высоты линии

Если вы работаете в печатных СМИ:

• Это может быть мудрым, чтобы избежать px (это не жесткое правило любыми средствами), а все остальное является честной игрой. Это действительно зависит от того, какой контроль вы хотите.

Answer 2

Используйте устройство, которое вам нужно в определенном контексте.

Unit Description 
==================== 
% percentage 
in inch 
cm centimeter 
mm millimeter 
em 1em is equal to the current font size. 2em means 2 times the size of the current font. E.g., if an element is displayed with a font of 12 pt, then '2em' is 24 pt. The 'em' is a very useful unit in CSS, since it can adapt automatically to the font that the reader uses 
ex one ex is the x-height of a font (x-height is usually about half the font-size) 
pt point (1 pt is the same as 1/72 inch) 
pc pica (1 pc is the same as 12 points) 
px pixels (a dot on the computer screen)

Источник:http://www.w3schools.com/css/css_units.asp

Answer 3

Если вы говорите о размере шрифта, то ПВ и пт не идеальны.

Единицы Ems и Percent являются масштабируемыми, поэтому они гораздо более доступны для людей с ослабленным зрением. Они также значительно уменьшаются для пользователей мобильных телефонов.

Устройства Px и Pt не масштабируются вверх для пользователей с ослабленным зрением или для мобильных телефонов.

Если вы говорите о макете или контейнерах, это зависит от типа дизайна, который вы хотите - жидкого или статического, - и не обязательно «правильный» ответ.

Не вдаваясь в пример, трудно советовать. У вас есть сайт, на который мы можем смотреть?

Answer 4

Там нет реальной правильно или неправильно, но, как правило:

• Для все, что вы хотите определенный, фиксированный размер, используйте PX
• Для все, что вы хотите масштабировать с Font- размер, используйте EM
• для все, что вы хотите масштабировать до доступного пространства в окне/контейнера, используйте %

Каждый из них имел определенные преимущества или недостатки в разных браузерах, когда речь заходила о том, чтобы пользователи масштабировали базовый размер шрифта/масштабирование браузера, но более поздние версии браузеров по большому счету обошли эти проблемы, масштабируя все, а не просто размер шрифта.

Answer 5

Для обеспечения гибкости и доступности я рекомендую использовать % для горизонтальных мер (относительно экрана пользователя) и em для вертикальных измерений (относительно настройки шрифта пользователя).

Answer 6

Для фиксированных макетов ширина

столько, сколько пикселей совершенства я бы предложил использовать PX по ширине, высоте, края и обивка

для line-height использования единицу меньше значения, как {line-height:1.2}

для типографских элементов {font-size:62.5%) для body затем использовать em для других элементов

в HTML для <img> всегда используют ширину и высоту без единицы.