... главная страницаКарта сайтаКонтакты

Главная
Синтаксис CSS
Свойства CSS
Форматирование блоков
Списки
Пример применения стилей
Оптимизация стилей
Оформление текстов
Использование блоков
Позиционирование
Слои в CSS
Готовые решения
Дополнительные возможности CSS
Программа TopStyle
Таблица цветов

 

Все свойства CSS

 
Яндекс.Метрика
 
 

Свойства CSS. Изменение размера шрифта в браузере.

 

 

Цвет и фон ||  Шрифт ||  Изменение размера шрифта ||  Текст и его свойства ||  Интервалы


Вы знаете, что размер шрифта можно выбрать непосредственно в браузере, воспользовавшись командами меню Вид. Браузер Internet Explorer в подменю Размер шрифта предоставляет для выбора следующие значения размера шрифта:

  • Самый крупный;
  • Крупный;
  • Средний;
  • Мелкий;
  • Самый мелкий.
Браузеры Opera и Mozilla в подменю Масштаб/Zoom позволяют масштабировать страницу в процентах:
  • 50% — в два раза меньше реального размера;
  • 100% — соответствует реальному размеру;
  • 150% — в полтора раза крупнее и т.д.

Например, автор создал свою страницу из расчета, что ее будут просматривать с разрешением экрана 800x600, потому он установил размер шрифта для основного текста равным 10 пикселей. При таком разрешении этот текст будет нормально читаться, но если разрешение окажется в несколько раз больше, к примеру 1280x1024, то текст окажется слишком мелким. Тогда посетитель сможет увеличить текст на странице, воспользовавшись встроенной возможностью браузера сделать это. Данная функция также незаменима для людей с ослабленным зрением.

Однако в Internet Explorer (на настоящий момент он является самым распространенным браузером) изменение размера шрифта в самом браузере при помощи описанных выше команд меню влияет только на те фрагменты текста, для которых размер шрифта задан при помощи ключевых слов. Если же размер задан фиксированным значением, т.е. явно указан в некоторых единицах измерения, то фрагменты такого текста свой размер менять не будут ни при самом мелком шрифте, ни при самом крупном.

Браузеры Opera и Mozilla корректно масштабируют текст страницы независимо от того, каким способом задан размер текста: ключевыми словами или в конкретных единицах измерения. Причем браузер Opera действительно увеличивает масштаб страницы целиком, меняя размер не только текста, но и всех остальных элементов, включая рисунки. В браузере Mozilla этот пункт меню называется Масштаб текста/Text zoom, и поэтому меняется только масштаб текста, графические же элементы при этом своего размера не меняют.

 

Цвет и фон ||  Шрифт ||  Изменение размера шрифта ||  Текст и его свойства ||  Интервалы

 

Наверх страницы

 

Уроки CSS © 2007 - 2018 г. Все права защищены