建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
flexible.js實現(xiàn)移動端rem適配方案-創(chuàng)新互聯(lián)
需要了解的基礎知識：
物理像素：物理像素又被稱為設備像素，他是顯示設備中一個最微小的物理部件。每個像素可以根據(jù)操作系統(tǒng)設置自己的顏色和亮度。正是這些設備像素的微小距離欺騙了我們?nèi)庋劭吹降膱D像效果。
設備獨立像素：也稱為密度無關像素，可以認為是計算機坐標系統(tǒng)中的一個點，這個點代表一個可以由程序使用的虛擬像素(比如說CSS像素)，然后由相關系統(tǒng)轉(zhuǎn)換為物理像素。
設備像素比：簡稱為dpr，其定義了物理像素和設備獨立像素的對應關系。它的值可以按此公式計算得到：設備像素比 ＝ 物理像素 / 設備獨立像素 （安卓一般為：1；iPhone為2或者3）
visual viewport：可見視口，即屏幕寬度；
layout viewport：布局視口，即DOM寬度；
idea viewport：理想適口，使布局視口就是可見視口；
設備寬度（visual viewport）與DOM寬度（layout viewport），scale的關系是：（visual viewport）= （layout viewport）* scale
獲取屏幕寬度的尺寸：window. innerWidth/Height
獲取DOM寬度的尺寸：document. documentElement. clientWidth/Height
viewport的meta標簽
分享文章：flexible.js實現(xiàn)移動端rem適配方案-創(chuàng)新互聯(lián)
網(wǎng)頁網(wǎng)址：http://www.dlmjj.cn/article/jhoho.html
