Как переопределить усиление шрифта в мобильном хром

Можно ли переопределить усиление шрифта в мобильном хроме? Я искал Интернет до ~ включая stackoverflow ~.

Я обнаружил, что некоторые люди говорят, что это невозможно, и я также нашел метатег, который помог тексту, но также уменьшил область текста... что не очень хорошо..

Поблагодарите вашу помощь.

Ответ 1

добавив следующую строку в мой reset.css, работал у меня

    html * {max-height:1000000px;}

Ответ 2

Нет реальной возможности отключить форматирование шрифтов. Могут быть некоторые хаки, но они предназначены для чего-то другого и, фактически, делают что-то другое.

Ответ 3

Похоже, что есть несколько людей, у которых есть методы для его работы.

Добавьте правила CSS или укажите ширину и высоту родительского элемента.

Ответ 4

Ответ Matt и Kundan Sankhe - лучшее решение на данный момент.

.element { max-height: 999999px; }

Если проблема все еще возникает, попробуйте добавить это внутри тега заголовка: -

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

Но имейте в виду, что это может вызвать проблему с тегом изображения или тегом фона фона.

Ответ 5

Это официальная ошибка вебкита. Вы можете проверить официальный сайт Webkit

Вы должны настроить таргетинг только на конкретный элемент, в котором вам необходимо переопределить форматирование шрифтов, а не настраивать нежелательные элементы. т.е.

p {
   max-height: 999999px;
}

Ответ 6

Для настольных компьютеров и, скорее всего, мобильных (не протестированных мобильных устройств) вы можете отключить увеличение размера шрифта в Chrome и FF, установив базовый размер шрифта на элемент HTML. Например:

html {
  font-size: 16px;
}

Это менее хакерское, чем max-height. Но, все еще грязный с точки зрения доступности.

Вы также можете использовать jQuery, чтобы установить это, если вам нужно.

Ответ 7

Попробуйте text-size-adjust:

html {
    text-size-adjust: none;
    -ms-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
}

Ответ 8

В Android Chrome применяется только увеличение шрифтов для элементов с динамической высотой. Как только вы укажете высоту высота, максимальная высота или линия-высота, форматирование шрифта не применяется. Но вы должны быть осторожны с встроенным элементом типа span, чья высота или свойство max-height недействительны. В этом случае вы можете настроить отображение на inline-block как приведенный ниже код или другие типы ящиков, высота которых может быть установлена.
span { font-size:12px; line-height:12px; display:inline-block; }