媒體查詢在響應(yīng)式網(wǎng)站建設(shè)中需要哪些功能的支持？

   在網(wǎng)站建設(shè)中，分為很多種語言的后臺開發(fā)。今天創(chuàng)新互聯(lián)來講講其中兩種語言的設(shè)定。HTML4和CSS 2目前支持為不同的媒體類型設(shè)定專有的樣式表。如：一個頁面在屏幕上顯示時使用無襯線字體，而在打印時則使用襯線字體。screen和print是兩種已定義的媒體類型。媒體查詢讓樣式表有更強的針對性，擴展了謀體類型的功能。

如果在網(wǎng)站建設(shè)中經(jīng)常使用CSS 2樣式表，你就知道可以通過links標簽的media屬性為樣式表指定設(shè)備類型(如顯示屏或打印機)。具體說來，就是在HTML頁面的[heady標簽中插入一個如下面代碼片段所示的link標簽。

媒體查詢則能使我們根據(jù)設(shè)備的各種功能特性來設(shè)定相應(yīng)的樣式，而不僅僅只針對設(shè)備類型?？梢詫⒚襟w查詢想象成對瀏覽器的提問。如果瀏覽器回答“是”，則應(yīng)用樣式;如果回答是“否”，則不應(yīng)用樣式。網(wǎng)站建設(shè)公司里相對于在CSS 2中能且只能間瀏覽器“你是一塊顯示屏嗎?”，媒體查詢能問的問題要多一點。例如，媒體查詢可以問:“你是一塊縱向放置的顯示屏嗎?”我們看看對應(yīng)的實際代碼:謀體查詢由媒體類型和一個或多個檢測媒體特性的條件表達式組成。媒體查詢中可用于檢測的媒體特性有width, height和color(等)。使用媒體查詢，可以在不改變頁面內(nèi)容的情況下，為特定的一些輸出設(shè)備定制顯示效果。

在現(xiàn)代瀏覽器(如果是IE，至少要IE9)中企業(yè)網(wǎng)站建設(shè)瀏覽該網(wǎng)頁并不斷調(diào)整瀏覽器窗口寬度。頁面的背景顏色就會根據(jù)當(dāng)前的視口尺寸而發(fā)生變化。為了清晰起見，我在這里使用了顏色名稱，但實際上最好使用十六進制顏色值，也可以將多個表達式組合在一起。如，我們擴展一下前面的例子，限制只有視口寬度大于800像素的顯示屏設(shè)備才能加載文件。

網(wǎng)站欄目：媒體查詢在響應(yīng)式網(wǎng)站建設(shè)中需要哪些功能的支持？
網(wǎng)站網(wǎng)址：http://www.bm7419.com/news/113307.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項目有響應(yīng)式網(wǎng)站等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)