前些年手机端一开始风靡的情况下,为了更好地手机端网页页面可以兼容不一样规格的手机屏,淘宝网某前面巨头写了一段兼容的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或是是百分数的