前些年手机端一开始风靡的情况下，为了更好地手机端网页页面可以兼容不一样规格的手机屏，淘宝网某前面巨头写了一段兼容的js，称为flexible，可在github搜索到。基本原理非常简单，仿佛便是依据分辩率和dpi(实际不记得了)，动态性设定根本原因素html的fontsize，随后网页页面原素尺寸都以rem来做企业。由于1rem=html的fontsize。
之后拥有vw和vh，渐渐地的许多新项目都用vw来做兼容了，100vw=100%的总宽。由于兼容模式并不是非常好，因此一直沒有就可以了起來。
nodejs发生之后，前端工程化开始了。发生了pxtorem，pxtoviewport等软件，我们可以在开发设计的情况下依照ui标明的px尺寸立即写，在装包的情况下，软件会协助大家把px测算转换为rem或是vw。
现在我都用vw。不考虑到兼容模式。有必须兼容ie的企业，我觉得也不看一眼。[捂着脸]
rem是相对性根原素html标识的文字大小，殊不知html标识字体样式也需要用一个标准尺寸，而这一尺寸便是px清晰度。
有很多人误以为px清晰度是一个肯定尺寸单位，具体px是相对性企业，与分辩率相关，会追随变大变小。
有几种关键合理布局方法，比如三列合理布局，左中右，上下都能够用清晰度，正中间分派剩下总宽。
比如移动端框架framework7等一系列专用型架构
另一种便是几行都用百分数，比如bootstrap。
应用rem做为总宽的非常少。假如要保证依据视口尺寸变大，px更非常容易。
例如做一个750清晰度宽的网页页面，不一样手机上，依据视口变大变小，rem测算量很大。px必须写兼容的js，rem也需要写兼容js，总之都必须写輔助js，全是根据px，那还比不上方便立即用px。
大部分设置并不一定网页页面依据视口变大变小。
到后边一个软件搞定
你适用一下IE6就知道
有软件全自动转rem
国内基本上全px，海外小公司都rem
兼容就行，rem算的脑袋瓜痛
为了更好地兼容
习惯。。。。
你是以编码中见到的吧？可是这一px在装包布署发布的情况下是被转换为了更好地rem或是vw或是是百分数的
原创文章，作者：前端王富贵，如若转载，请注明出处：https://www.miaoshou.cc/131923.html
