rem не уважает настройку пользователей на смартфонах - PullRequest
Новая
       49

rem не уважает настройку пользователей на смартфонах

0 голосов
/ 18 декабря 2018

Я пытаюсь использовать rem для уважения пользователей к настройке размера шрифта:

Сначала я добавил следующее в свой файл CSS: 

html { font-size: 62.5%; }

Затем я добавил размер шрифта какРем к моей стихии.такие как: 

.header{
font-size: 1.5 rem;
}

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

1) Перейдите в Настройки> Общие> Специальные возможности> Увеличенный текст.2) Нажмите «Большие размеры», чтобы увеличить размер шрифта.3) Перетащите ползунок, чтобы выбрать нужный размер шрифта.

Я не вижу никаких изменений вообще.Есть ли какой-то трюк, который мне нужно использовать, или это вообще возможно?

1 Ответ

0 голосов
/ 20 декабря 2018

Вы можете заставить его работать, используя rem и -apple-system-body 

@import url("https://fonts.googleapis.com/css?family=Raleway");
html { 
    /* Must go on the HTML tag to work with rem */
    font: -apple-system-body;
}
p {
    font-family: 'Raleway', sans-serif;
    font-size: 1.2rem;
}


<p>This is some text in my page.</p>

Дополнительная информация: http://www.interactiveaccessibility.com/blog/text-resizing-web-pages-ios-using-dynamic-type

...