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

Ответ 1

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

Как правило, выполните следующие действия:

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

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

Если вы работаете в печатном носителе:

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

Ответ 2

Нет никакого реального права или неправильного, но как правило:

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

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

Ответ 3

Если вы говорите о размере шрифта, то px и pt не являются идеальными.

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

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

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

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

Ответ 4

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

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

Ответ 5

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

Ответ 6

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

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

для line-height используйте значение без единицы, например {line-height:1.2}

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

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