文章/答案/技术大牛

发布

社区首页 >问答首页 >为什么1 1rem大于1.1rem，1.2 1rem等

问为什么1 1rem大于1.1rem，1.2 1rem等
EN

Stack Overflow用户

提问于 2020-02-08 09:02:46

回答 1查看 258关注 0票数 0

字体大小的文本:1 1rem大，然后它应该是：

只有在所有这些条件下才会出现问题：

ios
horizontal orientation
some文本在span标记

之外

HTML代码：

   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
        <head>
            <meta name="viewport" content="width=device-width, initial-scale=1">
            <style>
                .t5 { font-size: 0.5rem;}
                .t6 { font-size: 0.6rem;}
                .t7 { font-size: 0.7rem;}
                .t8 { font-size: 0.8rem;}
                .t9 { font-size: 0.9rem;}
                .t10 { font-size: 1.0rem;}
                .t11 { font-size: 1.1rem;}
                .t12 { font-size: 1.2rem;}
                .t13 { font-size: 1.3rem;}
                .t14 { font-size: 1.4rem;}
                .t15 { font-size: 1.5rem;}
            </style>
        </head>
        <body>
            Some text<br />
            <span class="t5">Test text 0.5</span><br />
            <span class="t6">Test text 0.6</span><br />
            <span class="t7">Test text 0.7</span><br />
            <span class="t8">Test text 0.8</span><br />
            <span class="t9">Test text 0.9</span><br />
            <span class="t10">Test text 1.0</span><br />
            <span class="t11">Test text 1.1</span><br />
            <span class="t12">Test text 1.2</span><br />
            <span class="t13">Test text 1.3</span><br />
            <span class="t14">Test text 1.4</span><br />
            <span class="t15">Test text 1.5</span><br />
        </body>
    </html>

responsive-design

font-size

device-width

css

ios

回答 1

Stack Overflow用户

发布于 2020-02-08 10:13:56

在iOS将字体缩放到可读大小时，可能会出现此问题。请参考this answer，您需要在其中设置-webkit-text-size-adjust: none;

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/60125349

复制

相似问题

问为什么1 1rem大于1.1rem，1.2 1rem等
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么1 1rem大于1.1rem，1.2 1rem等EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么1 1rem大于1.1rem，1.2 1rem等
EN