H5 移动端 网页端适配(js+rem)
H5 移动端 网页端适配(js+rem)
业务场景:由于需求是适配两端屏幕,所以刚开始想的css用rem写,但
是还是会出现字体和布局不会等比缩放的情况,后来找到一种
js代码针对根元素去做的缩放配置,加上rem和这个js的设置就
能做到等比缩放。
下载插件,并修改比例 (如果ui尺寸是750就改50 375改25),修改完重启vscode
重启,效果图:
2. 新建一个index.js,把下方代码复制进去,即可使用。
//适配兼容
(function (doc, win) {
原创
2021-01-25 11:23:53 ·
2662 阅读 ·
3 评论