Css rem不尊重智能手机上的用户设置

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

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

html { font-size: 62.5%; }

然后我将字体大小作为rem添加到元素中。 例如：

.header{
font-size: 1.5 rem;
}

在桌面上，甚至在模拟器上，它都可以正常工作，这意味着当我在浏览器中更改字体大小设置时，我可以看到我的页面字体大小会发生变化，以反映浏览器设置，但在iPhone等手机中，当我尝试时，我会看到

1） 进入设置>常规>辅助功能>大文本。 2） 点击更大的辅助功能大小以获得更大的字体选项。 3） 拖动滑块以选择所需的字体大小

---

我看不到任何变化。有什么窍门我需要使用吗？或者有可能吗？

您可以使用

rem

和

-苹果系统主体

@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>

@导入url（“https://fonts.googleapis.com/css?family=Raleway");
html{
/*必须使用HTML标记才能使用rem*/
字体：-苹果系统主体；
}
p{
字体系列：“Raleway”，无衬线；
字号：1.2rem；
}
这是我页面中的一些文本

---

更多信息：

我想猜一猜-你有这个问题，因为REM不是关于尊重用户设置的。它是关于相对于主HTMLDOM设置的。如果移动浏览器没有将正确的字体大小添加到DOM中，那么就没有办法尊重它。@CalvT那么这是否意味着它不在我的控制范围内，由设备浏览器来决定？是的。您无法控制浏览器是否在DOM中包含字体大小