簡單了解一下響應(yīng)式布局。。

響應(yīng)式布局就是它設(shè)計的頁面可以適應(yīng)不同的終端用戶；響應(yīng)式布局可以為不同的用戶提供更好的體驗(yàn)。

它的優(yōu)點(diǎn)：

1，靈活性強(qiáng)
2，可以適應(yīng)不同設(shè)備的顯示問題。

缺點(diǎn)：

耗時，耗流量，因?yàn)樗玫拇a比較多，頁面加載的時間比較長。

如何實(shí)現(xiàn)響應(yīng)式布局？

響應(yīng)式布局呢它可以解決不同屏幕的尺寸大小，所以這里要用到一個新的知識點(diǎn)，那就是‘媒體查詢’
媒體查詢它是一種特殊的css樣式，

語法：

@media screen and (min-width: 750px) { // 屏幕寬度 > 750時采用的樣式}
@media screen and (max-width: 750px) { // 屏幕寬度 < 750時采用的樣式}

當(dāng)屏幕大小大于750時他是一個樣式，

當(dāng)屏幕大小小于750時他又是一個樣式，

響應(yīng)式布局利用這個神兵利器可以實(shí)現(xiàn)實(shí)用性很強(qiáng)的頁面。