有一个小问题

来源:15-2 容器初始化功能开发

会游泳的兔子先森

2020-08-21

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

写回答

1回答

扬_灵

2020-08-23

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


0
1
会游泳的兔子先森
我懂了,我之所以看到页面出现变形是因为,我没有按F11开启全屏模式,导致scale(x, y)中的宽高缩放比不一样,才导致的变形。 Sam老师使用transform: scale;来布局没有任何问题 !
2020-08-23
共1条回复

数据可视化入门到精通-打造前端差异化竞争力

同级别前端,掌握数据可视化薪资更高

1520 学习 · 1043 问题

查看课程