Как сделать разметку жидкости в css используя em?

Question

Решает ли использование em в качестве блока css проблему разницы в разрешении монитора (800x600 против 1024x768)?

Answer 1

Да, em устанавливает размер целей css относительно предварительно рассчитанного em block родительского элемента. См. Википедия для получения дополнительной информации о том, что Эм .

Как правило, с увеличением разрешения вычисляемый размер Em увеличивается до. Размер блока Em зависит от разрешения и пользовательских предпочтений (размер шрифта), поэтому вы получаете лучшее из обоих миров.

Вот почему W3C предлагает использовать Em для жидкостных дисплеев.

Answer 2

Если под «решением проблемы разницы в разрешении монитора» вы подразумеваете масштабирование как векторное изображение, то нет. Em - это единица измерения, которая масштабируется в зависимости от размера шрифта, выбранного пользователем (для меня, используя настройки по умолчанию, 1 em равен шрифту 16 pt), и не масштабируется в зависимости от разрешения экрана пользователя.