поддерживать размер шрифта с различными разрешениями экрана

Question

Какова наилучшая практика / решение для поддержания размера шрифтов с различными разрешениями экрана

Answer 1

Вы не можете сделать это без доступа к информации о клиентской системе, DPI и разрешении. Лучшее, что вы можете сделать в CSS, это, вероятно, использовать модуль em при работе с размерами шрифта, так как он соответствует размеру шрифта пользователя по умолчанию.

font-size: 0.8em; 

Означает, что шрифт составляет 80% от шрифта по умолчанию.

Answer 2

Чтобы решить эту проблему, вам нужно знать DPI монитора пользователя. Использование CSS «in» или «cm» не будет работать, потому что они используют стандартный DPI 72 или 96 (в зависимости от ОС).

Вы можете понять, почему это не решаемо. Даже если монитор передавал свой DPI через двусторонний интерфейс, который обеспечивает DVI, он не был бы доступен из CSS или JavaScript. А как насчет двух мониторов разных разрешений? Если у вас было окно, перекрывающее пропасть, что должно произойти?

По слухам, Mac OS X предлагала «независимость от разрешения» , но пока не появилась. Возможно, потому что это действительно сложная проблема.