Свойство CSS `text-size-adjust`

Baseline Ограниченная доступность

Эта функция не входит в Baseline, поскольку не работает в некоторых наиболее широко используемых браузерах.

Экспериментальная функция: Это экспериментальная технология
Перед использованием в рабочей среде внимательно изучите таблицу совместимости с браузерами.

Свойство text-size-adjust CSS управляет алгоритмом увеличения текста, используемым на некоторых смартфонах и планшетах. Другие браузеры игнорируют это свойство.

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

Поскольку текст, уменьшенный для отображения на экране мобильного устройства, может быть очень мелким, многие мобильные браузеры применяют алгоритм увеличения текста, чтобы сделать его более разборчивым. Если элемент, содержащий текст, занимает 100% ширины экрана, алгоритм увеличивает размер текста, не изменяя макет. Свойство text-size-adjust позволяет веб-разработчикам отключить это поведение или изменить его, поскольку оно не требуется для веб-страниц, разработанных с учётом небольших экранов.

Синтаксис

/* Keyword values */
text-size-adjust: none;
text-size-adjust: auto;

/* <percentage> value */
text-size-adjust: 80%;

/* Global values */
text-size-adjust: inherit;
text-size-adjust: initial;
text-size-adjust: revert;
text-size-adjust: revert-layer;
text-size-adjust: unset;

Значения

Для этого свойства указывается одно из следующих значений:

none: Отключает алгоритм увеличения текста в браузере.
auto: Включает алгоритм увеличения текста в браузере. Это значение отменяет ранее заданное с помощью CSS значение none.
<percentage>: Включает алгоритм увеличения текста в браузере и задаёт процент, на который увеличивается размер шрифта.

Формальное определение

Исходное значение	<code>auto</code> в браузерах для смартфонов, поддерживающих увеличение текста, и <code>none</code> в остальных случаях (в этих случаях изменить значение нельзя).
Применяется к	всем элементам
Наследуется	да
Проценты	да, относительно соответствующего размера шрифта текста
Вычисленное значение	как задано
Тип анимации	по типу вычисленного значения

Формальный синтаксис

text-size-adjust = 
  none |
  auto |
  <percentage>

Примеры

Простой пример отключения

Как отмечалось выше, на правильно разработанном адаптивном сайте поведение text-size-adjust не требуется, поэтому разработчики могут отключить его, указав значение none:

p {
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

Спецификации

Спецификация
Модуль настройки размера текста для мобильных устройств CSS, уровень 1 # adjustment-control

Совместимость с браузерами

	Настольные					Мобильные
	Chrome	Edge	Firefox	Opera	Safari	Chrome для Android	Firefox для Android	Opera для Android	Safari для iOS	Samsung Internet	WebView для Android	WebView для iOS
`text-size-adjust`	54	79 12–79	Нет	41	Нет	54	49 14	41	1	6.0	54	1
`auto`	54	79	Нет	41	Нет	54	Нет	41	Нет	6.0	54	Нет
`none`	54	79	Нет	41	Нет	54	Нет	41	Нет	6.0	54	Нет
`percentages`	54	12	Нет	41	Нет	54	Нет	41	Нет	6.0	54	Нет

См. также

Документация Apple (2016)
Описание поведения Google Chrome (2014)
Описание поведения Gecko, автор — Л. Дэвид Барон (2011)

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/text-size-adjust