簡(jiǎn)單了解一下響應(yīng)式布局。录淡。
響應(yīng)式布局就是它設(shè)計(jì)的頁(yè)面可以適應(yīng)不同的終端用戶(hù)捌木;響應(yīng)式布局可以為不同的用戶(hù)提供更好的體驗(yàn)。
它的優(yōu)點(diǎn):
1赁咙,靈活性強(qiáng)
2钮莲,可以適應(yīng)不同設(shè)備的顯示問(wèn)題。
缺點(diǎn):
耗時(shí)彼水,耗流量崔拥,因?yàn)樗玫拇a比較多,頁(yè)面加載的時(shí)間比較長(zhǎng)凤覆。
如何實(shí)現(xiàn)響應(yīng)式布局链瓦?
響應(yīng)式布局呢它可以解決不同屏幕的尺寸大小,所以這里要用到一個(gè)新的知識(shí)點(diǎn)盯桦,那就是‘媒體查詢(xún)’
媒體查詢(xún)它是一種特殊的css樣式慈俯,
語(yǔ)法:
@media screen and (min-width: 750px) { // 屏幕寬度 > 750時(shí)采用的樣式}
@media screen and (max-width: 750px) { // 屏幕寬度 < 750時(shí)采用的樣式}
當(dāng)屏幕大小大于750時(shí)他是一個(gè)樣式,
當(dāng)屏幕大小小于750時(shí)他又是一個(gè)樣式拥峦,
響應(yīng)式布局利用這個(gè)神兵利器可以實(shí)現(xiàn)實(shí)用性很強(qiáng)的頁(yè)面贴膘。