代码之家 › 专栏 › 技术社区 › Hamed Minaee

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

font-size sass css3 css

0

Hamed Minaee · 技术社区 · 6 年前

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

html { font-size: 62.5%; }

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

.header{
font-size: 1.5 rem;
}

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

我看不出有什么变化。有什么诀窍我需要用还是可能?

1 回复 | 直到 6 年前

1

Jakob E 6 年前

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