这么多年过去,其实现在已经逐渐流行直接使用 vw vh 来做移动端适配了,因为随着设备的更新兼容性的问题已经大大减少。但使用 rem 模式还是有一定需求的,毕竟vw还没有全部兼容,可以参考。还有就是有pc浏览器打开并限制最大宽度的需求使用vw就不可以了。
后面有时间将写写利用 vw vh 来进行移动端适配的总结,会比这个简单。
参考
meta content="width=device-width,initial-scale=1.0" 解释
CSS像素、物理像素、逻辑像素、设备像素比、PPI、Viewport
前端:『REM』手机屏幕高清适配方案
欢迎到前端学习打卡群一起学习~516913974