移動web初體驗

1.可視寬度、物理寬度、虛擬寬度，一般自適應都是可視寬度滿屏。即設置meta

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

　　

2.css 媒體查詢分辨率 @media screen and (min-width:XXXpx)

@media screen and (min-width: 1280px) {   
 　　.strong {
        color: red;
    }
}

@media screen and (max-width:480px) {
    .strong{ 
　　　　　color: blue; 
 　　}
}

　　

 

3.佈局用百度分

　　特別注意：

  　　a.在用百分比佈局時，必須制定html,body的寬度，通常100%；

　　  b.縱向百分比設定height 時，相對於屏幕高度；

　　  c.但margin,padding值縱向百分比倒是相對屏幕寬度的；