2.常見的移動端適配方法
適配方案有很多種，常見的方法有以下幾種：
3.rem適配原理
rem是相對長度單位，可以做到一樣的取值，在不同尺寸的螢幕上的大小按比例縮放。
rem的定義：rem（font size of the root element）是相對於根元素（即html元素）font-size計算值的倍數。
例如html標籤設定font-size:16px，同時div設定width:1.2rem。那麼這個div的寬度就是1.2rem=16px*1.2=19.2px。
因此這種方法的適配原理是：根據不同螢幕的寬度，以相同的比例動態修改html的font-size適配，並將px替換成rem，它可以很好地根據根元素的字型大小來進行變化，從而達到各種螢幕基本一直的效果體驗。
4.js控制適配螢幕
明白了rem的原理後，我們就可以使用這個特點來進行適應布局了，這也是現在比較主流的移動端web適配方案。
//獲得螢幕大小
let htmlwidth =document.documentelement.clientwidth || document.body.clientwidth; //瀏覽器相容
console.log(「螢幕寬度：」+htmlwidth) //iphone5:320 iphone6:375
//獲得html dom元素
let htmldom =document.getelementsbytagname(『html』)[0];
//給dom元素設定樣式
htmldom.style.fontsize = htmlwidth/20 +『px』;
//以iphone5為基礎 iphone5預設字型大小為16px 320/16=20 即1rem字型大小是螢幕寬度的1/20
進行螢幕適配後，使用rem進行布局，就可以實現移動端螢幕適配的效果
rn適配手機螢幕
適配手機螢幕，寬 高 字型 use strict import react from react import from react native var uiwidth 375 var uiheight 667 這裡的值，是設計稿中的高度iphone6 var pixel 1 pixelratio...
移動端螢幕適配
rem單位介紹 rem font size of the root element 是相對長度單位。相對於根元素 即html元素 font size計算值的倍數 移動端主要根據iphone5來參考適配，在谷歌瀏覽器中，1rem 16px iphone5的寬度是320px,320 16 20 動態設定...
移動端螢幕適配
方法一 查詢 比如說我們設定了html，然後給具體的dom設定p，其實就相當於設定了p，也就是1rem 1 html的fontsize 2.5rem 2.5 html的fontsize html media only screen and min width 360px media only scr...