Skip to content
前端大厂面试宝典
Search
K
Main Navigation
首页
开始
基础知识
知识总结
前端基础
设计模式
浏览器与新技术
面试题
HTML
CSS
JavaScript
框架
Vue
React
性能与安全
性能
安全
算法
知识总结
面试题
计算机网络
知识总结
面试题
操作系统
概览
基础
进程与线程
调度
工具与测试
我
Menu
Return to top
登录后刷题更便捷
目录
Table of Contents for current page
使用 rem 布局的优缺点?
难度:
优点:
在屏幕分辨率千差万别的时代,只要将 rem 与屏幕分辨率关联起来就可以实现页面的整体缩放,使得在设备上的展现都统一起来了。而且现在浏览器基本都已经支持 rem 了,兼容性也非常的好。
缺点:
在奇葩的 dpr 设备上表现效果不太好,比如一些华为的高端机型用 rem 布局会出现错乱。
使用 iframe 引用也会出现问题。
rem 在多屏幕尺寸适配上与当前两大平台的设计哲学不一致。即大屏的出现到底是为了看得又大又清楚,还是为了看的更多的问题。
详细资料可以参考:
《css3 的字体大小单位 rem 到底好在哪?》
《VW:是时候放弃 REM 布局了》
《为什么设计稿是 750px》
《使用 Flexible 实现手淘 H5 页面的终端适配》