移动屏幕适配方案

2020-05-17  本文已影响0人  有希望的活着

1,使用rem+媒体查询实现

2,使用rem+js实现

3,使用rem+vw实现

rem是什么是一个相对单位参照根元素的字体大小 只要动态修改跟元素字体大小所有rem单位都会跟着改变 那么rem的根元素改变参照点是谁: 设计图 以设计图大小对应的的屏幕作为参照点 假设一个设计图大小对应的真实屏幕的根元素值 例如750设计图真实屏幕是375 根元素100px 计算其他屏幕就使用 其他屏幕大小/375 * 100 求到其他屏幕的根元素大小

上一篇下一篇

猜你喜欢

热点阅读