remLayout:移动端基于rem布局的demo页

时间:2021-06-21 18:09:23
【文件属性】:
文件名称:remLayout:移动端基于rem布局的demo页
文件大小:3KB
文件格式:ZIP
更新时间:2021-06-21 18:09:23
HTML rem layout 移动端基于rem布局的demo页 页面布局计算的时候,比如设计稿为640px的宽度,那么计算的基数就是640/16=40px 一个banner宽度为640px的时候,对应的rem单位就是 16rem,无需考虑移动端各种屏幕大小 需要注意的是当像素在缩放情况下小于1px的时候,需要设置不同devicePixelRatio下对应的缩放大小,比如2倍屏设置[data-dpr="2"] .demo{border:2px solid #ccc;},3倍屏类推.
【文件预览】:
remLayout-master
----README.md(482B)
----index.html(5KB)

网友评论