0

У меня есть следующие в моем заголовке HTML:Шрифты 2x размер на iPhone по сравнению с симулятором браузера?

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 

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

Как это исправить?

ответ

1

Попробуйте этот код в CSS

-webkit-текст-размер-регулировки: нет | авто | ;

Итак, в два раза больше: -webkit-text-size-adjust: 200%;

+0

На данный момент нет файлов .css. В моем приложении используется React, и все стили в настоящее время встроены. «Реакция способствует встроенному подходу к стилю контента, который не использует CSS». https://www.kirupa.com/react/styling_in_react.htm – VikR

+0

так, используйте inline css like, Venkat

+0

Меня беспокоит использование настройки размера текста. Этот сайт говорит, что он «экспериментальный». https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust. – VikR