2019-05-25 移動端簡單介紹

移動端一行多列一般用

彈性布局flex

rem布局:font size of the root element

性能

網(wǎng)絡環(huán)境

流量問題

圖片的適配與壓縮

移動端開發(fā)的優(yōu)勢:就是兼容性更好
移動端開發(fā)的劣勢:目前來說,大多數(shù)移動Web應用使用的手勢相對比較簡單,主要還是單指手勢,目前設備類型特別多,移動端的適配比較難處理。

手機設備幾個基礎(chǔ)詞匯:

物理像素

就是手機的尺寸,手機屏幕的分辨率

設備獨立像素

與設備無關(guān)的邏輯像素(邏輯分辨率),虛擬的像素。
比如css像素。

設備像素比DRP

DRP=物理像素/設備獨立像素;

像素的密度PPI

表示每英寸所包含的像素數(shù)目,數(shù)值越高,說明屏幕能以更高密度顯示圖像。


PPI計算公式

viewport屬性

移動端的視口。指設備的屏幕上能用來顯示網(wǎng)頁的區(qū)域。

width

設置layout viewport的寬度,值為一個正整數(shù),或字符串“device-width”
width=device-width是指讓(布局窗口)等于當前設備的寬度

height

設置layout viewport的高度,這個很少用

initial-scale

設置頁面的初始縮放值,是一個數(shù)字可以帶小數(shù)

minimum-scale

設置頁面最小縮放值,值為一個數(shù)字,可以是小數(shù)

maximum-scale

設置頁面最大縮放值,值為一個數(shù)字,可以是小數(shù)

user-scalable

是否允許用戶進行縮放,值為"no"或"yes"

CSS度量單位

PX

REM

EM

VM/VH

VMIN/VMAX

瀏覽器分布

安卓

ios

國產(chǎn)友商

微信

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容