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

Question

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

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

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

93

android html css google-chrome font-size

Источник

user907787 02 июл '12 в 07:09

7 ответов

Другие вопросы по тегам android html css google-chrome font-size

user424489 18 окт '12 в 23:14 2012-10-18 23:14 · Answer 1 · 2012-10-18 23:14

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

101

Источник

user424489 18 окт '12 в 23:14

user1944415 03 янв '13 в 01:29 2013-01-03 01:29 · Answer 2 · 2013-01-03 01:29

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

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

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

63

Источник

user1944415 03 янв '13 в 01:29

user98476 01 фев '17 в 15:48 2017-02-01 15:48 · Answer 3 · 2017-02-01 15:48

Теперь есть свойство 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

28

Источник

user98476 01 фев '17 в 15:48

user1398581 06 ноя '13 в 21:58 2013-11-06 21:58 · Answer 4 · 2013-11-06 21:58

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

16

Источник

user1398581 06 ноя '13 в 21:58

user1849478 22 мар '13 в 18:50 2013-03-22 18:50 · Answer 5 · 2013-03-22 18:50

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

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

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

user1520090 12 июл '12 в 08:07 2012-07-12 08:07 · Answer 6 · 2012-07-12 08:07

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

2

Источник

user1520090 12 июл '12 в 08:07

user693934 06 июл '12 в 05:53 2012-07-06 05:53 · Answer 7 · 2012-07-06 05:53

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

1

Источник

user693934 06 июл '12 в 05:53