1. 程式人生 > >移動端手機適配問題

移動端手機適配問題

    關於手機移動端的頁面適配問題,小編一直不想使用百分比來適配各個手機型號,於是參考了一下別人的方法。通過rem來適配。

    首先獲取html節點的字型型別,document.documentElement.style.fontSize,

   然後獲取移動端手機的寬度,document.documentElement.clientWidth.

 我們這裡用的是螢幕以375px X 667px的適配方法來適配。

整體程式碼如下:

document.documentElement.style.fontSize = document.documentElement.clientWidth / 750 * 100 + 'px';

這裡我們得到的1rem=50px;具體1rem是多少px我們可以根據上文的750px來改變。