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

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

  •  0
  • Hamed Minaee  · 技术社区  · 6 年前

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

    html { font-size: 62.5%; }
    

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

    .header{
    font-size: 1.5 rem;
    }
    

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

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

    1 回复  |  直到 6 年前
        1
  •  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>
    

    更多信息: http://www.interactiveaccessibility.com/blog/text-resizing-web-pages-ios-using-dynamic-type

    推荐文章