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

时间:2024-07-11 11:56:03
【文件属性】:

文件名称:remLayout:移动端基于rem布局的demo页

文件大小:3KB

文件格式:ZIP

更新时间:2024-07-11 11:56:03

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)

网友评论