通用适配原理这一节，不大容易理解，求教
来源：3-1 通用适配原理
慕慕8288485
2019-06-28 10:48:50
有几个疑问：
老师为什么要举1px的边框作为例子来说明？主要就是为了解决这个问题吗？
当dpr为3的时候，1px的边框实际有3个像素的宽度，但是这有什么问题吗？这时候标题栏的高度（设计为50px）实际上也有150个像素的高度啊。（是否指通常设计师的1px其实是希望最小粒度的边框？）
在dpr变化的时候，rem所表示的大小也发生变化，可否使用rem单位来设置边框1px的宽度来解决这个问题？
写回答
1回答
-
同学你好，
可以简单理解为是因为我们通常将1px作为像素的基本单位，所以老师以1px的边框来举例， 主要是为了方便让同学们清晰的感受到dpr对px的影响
因为不同设备的dpr可能是不一样的， 如果我们不做适配，那么就会导致我们写的页面，在不同设备下打开，布局发生改变， 示例： 高度上的差异我们还可以接受，但是宽度设置如果1px变成了3个像素的宽度，可能会导致由于宽度不够，元素下移布局发生改变
可以使用rem解决这个问题。rem也是一种解决移动端适配的方式哦
同学可以先了解一下，跟着老师的步骤学习， 然后结合视频和案例多练习，结合代码实现的效果， 会更好的帮助同学理解哦
如果帮助到了你， 欢迎采纳！
祝学习愉快~~~
1
相似问题