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

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

它的優(yōu)點：

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

缺點：

耗時，耗流量，因為他所用的代碼比較多，頁面加載的時間比較長。

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

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

語法：

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

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

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

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