有一个小问题

Question

请问Sam老师，大屏容器全篇使用Rem进行布局，和使用transform: scale缩放进行显示有什么区别呢？
我为什么总感觉使用scale，字体有一种变形的感觉呢？(Ps：在1920 * 1080的分辨率下)

Answer 1

扬_灵 2020-08-23 16:34:28

同学你好，rem作为一种简单粗暴解决不同屏幕下视图的区别的一种方案，它可以解决绝大多数移动端适配屏幕尺寸的问题。但是既然它并不是一个完美的解决方案，那就有其局限性所在。举个例子： 看小说，大屏智能机时代确实几乎完全替代了我十年前纸质化阅读的习惯。从2011年至今，手上的手机屏幕宽度一直在提升，但是使用的看小说软件的显示字号几乎是不变的。使用rem会在一定程度上打破用户的文字内容阅读习惯，特别是在大篇幅的内容时。相比较与rem在编写代码的时候需要计算尺寸更加方便一点，当然如果使用插件的话也需要在里面写转换规则。相比较转换在修改浏览器的缩放比例来适应分辨率，是一种最经济的做法(不需要编写任何代码)。你可以看一下这篇文章 https://juejin.im/post/6844903981865500679   里面关于页面的缩放和适配说的挺详细的。如果不能解决你的问题，可以继续追问。

• 提问者 会游泳的兔子先森 #1

  我懂了，我之所以看到页面出现变形是因为，我没有按F11开启全屏模式，导致scale(x, y)中的宽高缩放比不一样，才导致的变形。
  Sam老师使用transform: scale；来布局没有任何问题 ！