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