移動端頁面適配
em 根據元素自身的字型大小來計算自己的尺寸
rem root em 根據根節點(html)的字型大小來計算自己的尺寸
適配: 各個移動裝置，解析度大小不一致，使我們的頁面在各種解析度下都顯示完好(等比的縮放);
根據螢幕的解析度
動態的設定html的字型大小，來達到頁面等比縮放的功能
注意：保證html最終算出來的字型大小 不能小於 12
在最開始先設定一段js**，獲得螢幕寬度，這段js優先於任何css和js
html.getboundingclientrect().width; //獲得螢幕寬度
畫素比alert(window.devicepixelratio); //畫素比 畫素比為2 用兩個畫素的大小去顯示 1px的內容
// 最好設計圖的寬度都保持在 750以上
移動端布局及適配（rem）
首先清除一下預設樣式，這個基本上所有寫h5的都通用 a,input,button input,button body body bodyh1a ulimg html,body 現在我們看看如何使用rem解決適配問題 rem vs em rem的r代表root rem 是相對根節點的字型大小進行計算的...
移動端布局以及rem的適配
現有的布局方式 固定布局，每乙個元素都是固定的尺寸，內容區域居中在瀏覽器中間 內容區域的尺寸 980,1000,1100,1200 響應式布局，利用 查詢來實現不同尺寸的瀏覽器顯示結構不一樣 media 根據瀏覽器解析度大小進行適配 一般會有三張設計圖，pc,平板,手機 自適應布局，屬於響應式裡的一...
移動端rem適配
3 使用js 將設計圖劃分為10等份或者15等份。新建common.less檔案，這是乙個專門來適配的檔案。我們大概可以寫如下的檔案 設定常見的螢幕尺寸 修改裡面的html文字大小 a 一定要寫到最上面 html 我們此次定義的劃分的份數 為 15 no 15 320 media screen an...