text-size-adjust

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

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

Поскольку текст, который был уменьшен для отображения на мобильном экране, может быть очень маленьким, многие мобильные браузеры применяют алгоритм масштабирования текста, чтобы увеличить его размер для лучшей читаемости. Когда элемент, содержащий текст, занимает 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;

text-size-adjust = 
  auto                |
  none                |
  <percentage [0,∞]>  

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