響應(yīng)式網(wǎng)站媒體查詢
發(fā)布時間:2021-07-03來源:admin
響應(yīng)式網(wǎng)站開發(fā)是非常方便的,你只需要開發(fā)一套網(wǎng)站就能應(yīng)用在PC端、平板、手機等不同屏幕尺寸的設(shè)備上。那我們到底是如何實現(xiàn)這種響應(yīng)式的開發(fā)的呢?<br />
實現(xiàn)響應(yīng)式網(wǎng)站開發(fā)的關(guān)鍵技術(shù)就是CSS3中的@media查詢,也叫媒體查詢。其實現(xiàn)原理是通過@media設(shè)置不同的界值,當(dāng)檢測到屏幕尺寸進(jìn)入到某個界值時,就啟用某個界值所設(shè)置的css樣式。就比如,我設(shè)置了0~380p,381px~768px,<br />
769px~x三個界值,當(dāng)屏幕尺寸大于768px時我設(shè)置的紅色背景有效,背景顯示紅色;當(dāng)屏幕小于768大于380時我設(shè)置的藍(lán)色背景有效,背景顯示藍(lán)色;小于380時我設(shè)置的綠色背景有效,背景顯示綠色;響應(yīng)式網(wǎng)站的實現(xiàn)其實就是不同屏幕尺寸下應(yīng)用不同ccs樣式。<br />
聯(lián)系方式: 0755-84185494