移動端怎么實現(xiàn)網(wǎng)頁的適配,移動端web頁面適配方案
業(yè)務(wù)場景：因為要求是適應(yīng)兩端的屏幕，所以我一開始想到的css是用rem寫的，但是字體和布局不會按比例縮放。后來我找到了一個根元素的js代碼的縮放配置，添加rem和這個js設(shè)置就可以實現(xiàn)縮放。
下載插件，修改刻度(如果ui大小是750，就改成50 375到25)，修改后重啟。
重啟移動端web頁面橫向看，渲染：
2.新建一個index.js，復(fù)制下面的代碼，就可以使用了。
//適配兼容性( (doc，win) {.log (doc，win)//=doc . ；const DPR=math . min(win . ，3)，scale=1/dpr， event= in ？“:”調(diào)整大小；var =(){ var = . ，w=.，num=(w 750？750:w)/750；//* *此時的750是你的設(shè)計稿.style.=(num * 100)的大小。to fixed(1)“px”；};()；如果(！doc.)返回；win . ( event，，false)；})(文檔移動端web頁面橫向看，窗口)；關(guān)于Html5移動web適配(js rem)的這篇文章就到此為止。更多關(guān)于Html5移動web適配的相關(guān)內(nèi)容，請搜索之前的文章或者繼續(xù)瀏覽下面的相關(guān)文章。希望你以后能支持我！