![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
rem
道济和尚
大口吃肉大口喝酒
展开
-
移动端适配最佳方案
移动端适配最佳方案-remJS动态计算当前屏幕每一份大小设置设备像素比style样式中通过比例公式计算案例JS动态计算当前屏幕每一份大小缺点:切换屏幕尺寸需要刷新界面才有效,真机上测试,可忽略document.documentElement.style.fontSize = window.innerWidth / 7.5 + "px";设置设备像素比通过meta的initial-sca...原创 2019-12-17 17:35:21 · 554 阅读 · 0 评论 -
rem自适应移动端布局
rem自适应移动端布局rem自适应布局得牛逼之处就是,在一个移动端分辨率上布局好了以后,能够适应所有移动端布局。一开始我觉得这个东西很难搞,我们以视觉稿为640px的宽来举例子,把640px分为100份,每一份称为一个单位a,那么每个a就是6.4px,而1rem单位被认定为10a,此时,1rem=1(a)X10X6.4(px)即64px。640px/100=6.4px ...原创 2019-09-26 09:44:55 · 176 阅读 · 0 评论