关于rem

Question

老师，我看到大部分网站实现方式都是在HTML头里写内嵌script的优先计算rem，这样其实也不用担心网络突然堵塞影响后续dom的解析，对吧？

个人用rem不顺畅是在设置fontsize上，fontsize如果用rem，一种可能是在小屏手机上字太小看不清，另一种可能是某些手机浏览器有最小字体限制导致布局和预想不一样。如果fontsize不用rem，和设计稿比例不同的屏幕的显示效果就不能完全还原设计稿，于是设置fontsize时就很为难，不知道怎么做才好

Answer 1

双越 2021-06-07 21:38:21

如果内嵌到 head ，就不会出现页面卡顿，这种方式可以。

我用 rem 没出现你说的 fontSize 的问题。不知道为啥使用 rem 就导致 fontSize 字很小呢？可以举一个例子来说名。

• 提问者 桃酒 #1

  就是比如，设计稿是给iPhone8尺寸，按照设计稿的比例，某一行文字的fontsize设置了.6rem。这个在iPhone8上看是刚好的大小（换算一下是10px），如果换iPhone5，字就会缩小（换算过来是8.5px）字就看不清。
  如果换安卓一些有最小字体限制的浏览器，比如最小12px。在小屏手机，就会出现周围元素缩得很小了，字本该缩小到低于12px，但由于浏览器限制字还是12px，就会溢出换行等等

• 双越 回复 提问者 桃酒 #2

  如果遇到这种情况，我感觉就可以弃用 rem 直接用 px ，即 fontSize 无论在啥手机上，都用 px 单位。我之前有一个项目，就是这么搞的。

• 俊逸_ajay 回复 提问者 桃酒 #3

  大佬，最终你是选择哪种解决方案解决的呢

点开查看后面2条评论