移動web的基礎知識
阿新 • • 發佈：2017-08-20
彈性布局 初始 port 彈性 content max 1.0 計算 box
一、像素
px:CSS pixels邏輯像素，瀏覽器使用的抽象單位
dp,pt:設備無關像素 (物理像素)
dpr:設備像素縮放比
計算公式： 1px = (dpr)*(dpr)*dp
二、viewport
<meta name="viewport" content="name=value,name=value">
常用：
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
width:設置布局viewport的特定值（device-width）
initial-scale:設置頁面的初始縮放(1.0)
minimum-scale:最少縮放
maximum-scale:最大縮放
user-scalable:用戶能否縮放（no）
三、Flexbox彈性盒子布局
display:-webkit-flex;標示使用彈性布局
flex:num;占容器的比例
移動web的基礎知識