2013-09-18 9 views
1

Я читал много о responsive web design и о том, как дизайнеры должны использовать относительные единицы, чем фиксированные. Бывают ситуации, когда это имеет смысл для меня, например. max-width абзаца. Но почти во всех статьях говорится, что главным преимуществом этого является то, что дизайн adapts to zoom. Насколько я знаю, все браузеры масштабируют значения пикселей, а также при масштабировании (если только «Масштабировать только текст» не установлен в Firefox). Это потому, что CSS pixels are not device pixels.Есть ли какие-либо практические причины для использования относительных единиц в CSS

На самом деле мне кажется, что пиксели CSS являются «почти относительным» единицей, потому что устройства с высокой плотностью пикселей также масштабируют их (according to the spec). Обычно они делают это в 2 раз.

Лично я не вижу смысла, почему я должен использовать относительные единицы для всего. Кажется, что пиксели выполняют одну и ту же работу и обычно приводят к «четкому» взгляду (поскольку они не приводят к субпиксельной визуализации).

Как вы думаете? Я что-то пропустил?

+0

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

+0

Какая польза от работы с px дает вам, когда в большинстве случаев большая часть вашего контента является текстом? Как вы думаете, когда пользователь настраивает настройки шрифта своего браузера (например, мой сотрудник имеет минимальный размер шрифта, равный 16 пикселям)? – cimmanon

+0

Duplicate: http://stackoverflow.com/questions/609517/why-em-instead-of-px – cimmanon

ответ

1

Процент в размерах шрифта используется для исправления ошибки IE, которая иногда возникает при небольшом размере шрифта в пикселях. Если вы установили, например, body font-size: 70% и использовать em для других размеров шрифта в CSS, пользователь должен иметь возможность изменять размер шрифта в браузере, а ваш HTML и CSS будут одинаковыми по сравнению с оригинальным CSS. Если вы задаете размер шрифта тела, например. 16px, даже если пользователь изменяет размер шрифта в браузере, он не должен отражать ваш CSS.

Я тестировал это давным-давно, но что-то может измениться за это время, так как я больше не делаю такой CSS, клиенты обычно несут ответственность за предоставление вырезанных изображений с помощью CSS и HTML.

Хорошая нить прочитать это: http://www.sitepoint.com/forums/showthread.php?565469-Relative-font-sizes

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