诚之和:html5移动端中怎么进行网页端适配?方法案例详解!

我们在开发一个软件的时候需要考虑到,软件在应对不同的使用业务场景时候会遇到不同的问题,那么今天我们就来分享有关于:“在html5移动端中怎么进行网页端适配这个问题怎么解决的方法!希望对大家有所帮助!

首先由于需求是适配两端屏幕,所以刚开始想的css用rem写,但是还是会出现字体和布局不会等比缩放的情况,后来找到一种js代码针对根元素去做的缩放配置,加上rem和这个js的设置就能做到等比缩放。

下载插件,并修改比例 (如果ui尺寸是750就改50 375改25),修改完重启vscode

诚之和:html5移动端中怎么进行网页端适配?方法案例详解!

诚之和:html5移动端中怎么进行网页端适配?方法案例详解!

重启,效果图:

诚之和:html5移动端中怎么进行网页端适配?方法案例详解!

2. 新建一个index.js,把下方代码复制进去,即可使用。

来源:weixin_45378258

声明:本站部分文章及图片转载于互联网,内容版权归原作者所有,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2021年7月16日
下一篇 2021年7月16日

相关推荐