Разработка веб-страниц, отвечающих настройкам шрифтов браузера

0

Мой коллега заметил, что страница, которую я построил, отображалась некорректно, потому что он увеличил свой размер шрифта в Chrome до "большого".

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

Возможно ли создать страницу таким образом, чтобы мои divs и контейнеры отвечали на настройки браузера, как это? Другими словами, существует ли способ увеличить размер div, если пользователь увеличил размер шрифта по умолчанию в своих настройках браузера?

Мои инстинкты говорят мне, что это невозможно, потому что CSS-запросы СМИ отвечают размеру окна. Я надеюсь, что кто-то может просветить меня по этой теме или подтвердить мои подозрения.

Теги:
responsive-design

2 ответа

1
Лучший ответ

То, как шрифты (и многие, многое другое) в веб-разработке и работе с CSS работает, заключается в том, что вы пишете CSS, предлагая браузеру, как все должно выглядеть. Браузер может свободно выполнять ваши предложения (и обычно будет в 95% случаев, если они имеют смысл), но также может игнорировать их. Шрифты трудны, потому что (1.) они высоки в списке вещей, которые браузеры могут игнорировать, (2.) существует очень небольшое подмножество шрифтов, которое можно надежно ожидать на всех устройствах, и (3.) там не являются 100% -ными решениями для отображения любого произвольного шрифта на любом произвольном устройстве через Интернет.

Тем не менее, похоже, что это те понятия, которые вам больше всего интересны в обучении:

  • Ширина EM: em - это ширина, в основном представляющая ширину буквы m в пользовательском шрифте. Это, а также проценты (которые имеют некоторые основные недостатки), позволяют указать относительные размеры шрифтов.

  • Шрифты, которые являются объявлениями CSS, которые пытаются обеспечить последовательный просмотр страниц, объявляя аналогичные шрифты в списке, который браузер может отображать или возвращаться, пока не закончится выбор, и отобразит значение по умолчанию.

  • Сбросьте CSS, чтобы дать себе чистый список. Существуют различные реализации этого, но сброс CSS пытается нормализовать различные различия в CSS по умолчанию в различных основных браузерах.

Поделиться
  • 1
    Также обратите внимание на высоту строки, проверяя короткие заголовки на наличие возможных разрывов строки и используйте 1.4 т.д. для высоты, чтобы они были относительными.
0

Если вы установите все размеры на основе ems и rems вместо пикселей или точек, то все будет сделано относительно размера шрифта, который пользователь устанавливает. Это позволяет пользователю выбирать размер шрифта по умолчанию и изменять его по размеру.

Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню