На большинстве веб-сайтов, когда я изменяю уровень масштабирования браузеров, размер шрифта также увеличится и поможет пользователю увидеть их. По некоторым причинам это просто не будет работать на моем новом веб-сайте. Хотя я изменяю уровень масштабирования браузера, все меняется, но все размеры шрифта сохраняются одинаково. Есть ли свойство css или html, которое я могу использовать для управления этим поведением? Благодаря
вот пример: http://ca.skywatcher.com/index.php
Проблема заключается в том, что вы установили -webkit-text-size-adjust: none; для тела в layout.css. Изменение его на -webkit-text-size-adjust: auto; позволяет масштабировать шрифты вместе со страницей.
Изменить: Исправлено CSS. Должно быть auto не 0
Шрифты, использующие определенный размер пикселя, не являются относительными (наряду с несколькими другими). Масштабирование изменяет эту относительную информацию.
От http://www.westciv.com/style_master/academy/css_tutorial/properties/values.html
Name Abbrev. Explanation Relative?
em em The height of a font yes
ex ex The height of the letter x in a font yes
pica pc 1 pica is 12 points no
point pt 1/72 of an inch no
pixel px One dot on a screen no
millimeter mm Printing unit no
centimeter cm Printing unit no
inch in Printing unit no
Если вы используете ширину фиксированной точки для ваших настроек размера шрифта (например, пикселей), размер вашего шрифта останется неизменным, когда пользователь увеличит масштаб. Если вы хотите, чтобы шрифт увеличивался или уменьшался при увеличении/удалении пользователя, рассмотрите возможность использования em в качестве вашего устройства (1 em = 100% от размера шрифта по умолчанию на пользовательском компьютере).