移動端適配的解決方法？

 

移動端適配的解決方法：

 

方法1：

頁面上寫上以下meta標籤，而後其餘一切大小高寬以375px佈局定死的值來寫，px描述

<meta name="viewport" content="width=375,maximum-scale=4,user-scalable=no">

 

方法2：rem

//經過window.screen.width獲取屏幕的寬度
var offWidth = window.screen.width / 30;
//這裏用寬度/30表示1rem取得的px
document.getElementsByTagName("html")[0].style.fontSize = offWidth + 'px';
//把rem的值複製給頂級標籤html的font-size

利用js根據屏幕寬度設置html根元素的font-size大小，而後全部的寬度、高度、邊距、圖片寬高都利用1rem=多少px大小進行轉換成rem表示，這樣在不一樣寬度的屏幕設備上，就會顯示不一樣的高、間距及字體大小

 

ps：若有不合適的表達，歡迎指出問題所在，謝謝！