響應(yīng)式頁面四個技巧:
1 只要不寫死寬度width抒痒，用百分比寬度按声，頁面就是響應(yīng)式的
2 max-width邑贴，用于當(dāng)屏幕擴展時，頁面不隨之?dāng)U展铃在，再加上居中：margin: 0 auto.
3
media. @media (max-width: 640px){
ul li{
width: 50%;
box-sizing: border-box;
}
}
要寫在后面
4 窄屏下阵具，一行變兩行碍遍，使用多個樣式，用media切換：
<h1 class=one-line>標(biāo)題標(biāo)題標(biāo)題標(biāo)題</h1><h1 class=two-line>標(biāo)題標(biāo)題<br>標(biāo)題標(biāo)題</h1>
@media (max-width: 320px){. //手機屏幕下
.two-line{
display: block;
}
.one-line{
display: none;
}
}
