自适应的前端页面

PC端

1.用js计算

1rem = html之font-size
根据设计图 1366宽 html设置100px 100px的元素==1rem
比如实际浏览器 2732 宽 同样设置1rem ,那根元素要设置多少,使俩者比例一致
1366:100=2732:x
得x=200
html设置font-size=200px 而其他元素设置的rem不用变化
自适应的前端页面
每个单位大小用实际值除以100得到相对的rem值。

2. media query,多媒体查询模块

用法和上面相同
自适应的前端页面

移动端

比如设计图375px
自适应的前端页面