移动端怎么实现网页的适配,移动端web页面适配方案

　　业务场景：因为要求是适应两端的屏幕，所以我一开始想到的css是用rem写的，但是字体和布局不会按比例缩放。后来我找到了一个根元素的js代码的缩放配置，添加rem和这个js设置就可以实现缩放。

　　下载插件，修改刻度(如果ui大小是750，就改成50 375到25)，修改后重启vscode。

　　重启，渲染：

　　2.新建一个index.js，复制下面的代码，就可以使用了。

　　//适配兼容性(function (doc，win) {console.log (doc，win)//vardocele=doc . documentelement；const DPR=math . min(win . devicepixelrratio，3)，scale=1/dpr，resize event= orientation change in window？orientationchange“:”调整大小；var recalCulate=function(){ var docEle=document . document element，w=docEle.clientWidth，num=(w 750？750:w)/750；//* *此时的750是你的设计稿docele.style.fontsize=(num * 100)的大小。to fixed(1)“px”；};recalCulate()；如果(！doc.addEventListener)返回；win . addevent listener(resize event，recalCulate，false)；})(文档，窗口)；关于Html5移动web适配(js rem)的这篇文章就到此为止。更多关于Html5移动web适配的相关内容，请搜索之前的文章或者继续浏览下面的相关文章。希望你以后能支持我！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。