Question

我正在尝试使用rem尊重用户设置的字体大小：

我首先在css文件中添加了以下内容：

tcpdump

然后我在我的元素中添加了font-size作为rem。例如：

html { font-size: 62.5%; }

在台式机甚至模拟器中，它的工作原理都很好，这意味着当我在浏览器中更改字体大小设置时，我可以看到页面字体大小发生了变化，以反映浏览器设置，但是当我尝试在iPhone等手机中

1）转到“设置”>“常规”>“辅助功能”>“大文本”。 2）点击“较大的辅助功能”以获取更大的字体选项。 3）拖动滑块以选择所需的字体大小。

我完全看不到任何变化。我需要使用任何技巧吗？或者有可能吗？

Answer 1

您可以使用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

雷姆不尊重智能手机上的用户设置

1 个答案: