Chrome на Android изменяет размер шрифта

android html css google-chrome font-size

41032 просмотра

7 ответа

Видимо, как только параграф текста достигает определенной длины, Chrome на Android решает изменить размер текста и сделать его больше (вызывая все виды удовольствия). Теперь у меня есть веб-сайт, где около половины p-тегов соответствуют заданному мной размеру, а другая половина изменяется по своему усмотрению - по-видимому, в зависимости от длины абзаца.

Как же я могу это исправить?

Автор: Sprax Источник Размещён: 12.11.2019 09:24

Ответы (7)


87 плюса

Добавьте max-height: 999999px;к элементу, который вы хотите запретить увеличение шрифта, или его родительский элемент.

Автор: moeffju Размещён: 18.10.2012 11:14

57 плюса

Включите в документ следующий <meta>тег <head>:

<meta name="viewport" content="width=device-width, initial-scale=1">

Это правильно установит рамку вида и, таким образом, устранит необходимость в «FontBoosting».

Автор: Joe DeRose Размещён: 03.01.2013 01:29

20 плюса

Теперь есть свойство CSS, которое вы можете установить для управления этим:

-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;

См. Https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust.

Автор: Gareth Размещён: 01.02.2017 03:48

14 плюса

Поместите это в свой сброс. html * {max-height:1000000px;}

Автор: Ed Hinchliffe Размещён: 06.11.2013 09:58

5 плюса

После некоторых испытаний это правило помогло мне. Должен быть добавлен либо к элементу, содержащему усиленный текст, либо к его родительскому элементу в зависимости от структуры div / table.

element or parent element { 
    /* prevent font boosting on mobile devices */
    width: 100%;
    height: auto;
    min-height: 1px;
    max-height: 999999px;
}

Возможно, значения ширины и высоты должны быть скорректированы в соответствии с вашими потребностями.

Автор: metamagikum Размещён: 22.03.2013 06:50

2 плюса

Я нашел решение для своих страниц: задайте для родительского элемента ширину и высоту! Шрифт не будет выходить за эти границы, и поэтому он останется маленьким (er).

Автор: Randy Vroegop Размещён: 12.07.2012 08:07

1 плюс

Это называется «усилением шрифтов» и подробно описано в этой ошибке WebKit . Там в настоящее время нет способа отключить его.

Автор: Boris Smus Размещён: 06.07.2012 05:53
Вопросы из категории :
32x32