rem适配pc的弊端

对于适配，我们一般是有很多中方法，例如百分比，rem适配，响应式布局（栅格）,vh/vw等等

我们一般不使用rem来适配，那我们来说一下rem适配pc端的弊端吧！

1兼容性的性的问题，对于不同的浏览器，多多少少存在一些差异
2pc端中的浏览器对字体大小室友限制的，谷歌浏览器好像最小的字体是12px
3在IE678下不支持，很多之前的老项目都是使用布局来进行适配的，如果大量的换成rem，会增加成本

我觉得是兼容性导致rem在pc端没有被广泛使用。因为pc端有“史前”项目，本就是用了固定px等布局方案，而且需要兼容ie9以下，更改成本高，收益低。加上栅格布局方案能胜任大多数项目，所以使用场景少。而移动端为了适应各种屏幕大小，对rem兼容性又好，rem布局方案一直是移动端的热门。就算vw/vh普及，rem在移动端也会占有很大的使用比例。css单位的选择，是根据需求找出一个最优解。如果pc项目像移动端一样要兼容各种屏幕大小，又不需要考虑ie9以下，很多元素的宽高比是固定的，rem方案更好。

rem适配pc的弊端相关推荐

淘宝flexible.js+rem适配pc端
1.引入flexible.js文件: (function flexible(window, document) {var docEl = document.documentElement;var dp ...
flexible.js+rem解决pc端适配
第一步:新建 flexible.js文件这里默认是10等份,手动改为24,此时1rem=1920/24px即80px.(设计稿是1920px的) (function flexible(window, ...
移动web开发之rem布局（rem基础、媒体查询、 less 基础、rem适配方案）
移动web开发之rem布局一.rem基础 rem单位 rem (root em)是一个相对单位,类似于em,em是父元素字体大小. 不同的是rem的基准是相对于html元素的字体大小. 比如,根元素 ...
18. 【移动Web开发之rem适配布局】
文章目录 [移动Web开发之rem适配布局]前端小抄(18) 一.rem单位 1.1 rem 单位二.媒体查询 2.1 什么是媒体查询 2.2 语法规范 2.2.1 mediatype 查询类型 2 ...
「学习笔记」移动Web开发之rem适配布局10
「学习笔记」移动Web开发之rem适配布局10 一.rem单位 1.1 rem 单位二.媒体查询 2.1 什么是媒体查询 2.2 语法规范 2.2.1 mediatype 查询类型 2.2.2 关键 ...
采集页面之后css布局混乱之rem适配布局
1.rem基础 rem单位 rem (root em)是一个相对单位 ,类似于em , em是父元素字体大小. 不同的是rem的基准是相对于html元素的字体大小. 比如,根元素( html)设置fo ...
vue适配PC端屏幕自适应
vue适配PC端屏幕自适应 1.下载postcss-px2rem和px2rem-loader npm i postcss-px2rem px2rem-loader 2.src目录下新建utils文件夹 ...
移动web开发 rem适配布局 +苏宁首页案例+HBuilder下载less插件
rem基础文字大小随着页面自适应页面元素宽高等比例随着页面自适应 rem单位 rem(root em )是一个相对单位,rem的基准是html元素的字体大小. em是父元素字体大小. rem的优点 ...
移动端适配+flexible.js+rem适配
移动端适配前沿: 移动端web页面的开发,由于手机屏幕尺寸.分辨率不同,或者需要考虑横竖屏问题,为了使得web页面在不同移动设备上具有相适应的展示效果,需要在开发过程中使用合理的适配方案来解决这个问 ...

rem适配pc的弊端

rem适配pc的弊端相关推荐

最新文章

热门文章