2021-05-12 分類: 響應(yīng)式網(wǎng)站
在網(wǎng)站建設(shè)中,分為很多種語(yǔ)言的后臺(tái)開(kāi)發(fā)。今天創(chuàng)新互聯(lián)來(lái)講講其中兩種語(yǔ)言的設(shè)定。HTML4和CSS 2目前支持為不同的媒體類型設(shè)定專有的樣式表。如:一個(gè)頁(yè)面在屏幕上顯示時(shí)使用無(wú)襯線字體,而在打印時(shí)則使用襯線字體。screen和print是兩種已定義的媒體類型。媒體查詢讓樣式表有更強(qiáng)的針對(duì)性,擴(kuò)展了謀體類型的功能。
如果在網(wǎng)站建設(shè)中經(jīng)常使用CSS 2樣式表,你就知道可以通過(guò)links標(biāo)簽的media屬性為樣式表指定設(shè)備類型(如顯示屏或打印機(jī))。具體說(shuō)來(lái),就是在HTML頁(yè)面的[heady標(biāo)簽中插入一個(gè)如下面代碼片段所示的link標(biāo)簽。
媒體查詢則能使我們根據(jù)設(shè)備的各種功能特性來(lái)設(shè)定相應(yīng)的樣式,而不僅僅只針對(duì)設(shè)備類型。可以將媒體查詢想象成對(duì)瀏覽器的提問(wèn)。如果瀏覽器回答“是”,則應(yīng)用樣式;如果回答是“否”,則不應(yīng)用樣式。網(wǎng)站建設(shè)公司里相對(duì)于在CSS 2中能且只能間瀏覽器“你是一塊顯示屏嗎?”,媒體查詢能問(wèn)的問(wèn)題要多一點(diǎn)。例如,媒體查詢可以問(wèn):“你是一塊縱向放置的顯示屏嗎?”我們看看對(duì)應(yīng)的實(shí)際代碼:謀體查詢由媒體類型和一個(gè)或多個(gè)檢測(cè)媒體特性的條件表達(dá)式組成。媒體查詢中可用于檢測(cè)的媒體特性有width, height和color(等)。使用媒體查詢,可以在不改變頁(yè)面內(nèi)容的情況下,為特定的一些輸出設(shè)備定制顯示效果。
在現(xiàn)代瀏覽器(如果是IE,至少要IE9)中企業(yè)網(wǎng)站建設(shè)瀏覽該網(wǎng)頁(yè)并不斷調(diào)整瀏覽器窗口寬度。頁(yè)面的背景顏色就會(huì)根據(jù)當(dāng)前的視口尺寸而發(fā)生變化。為了清晰起見(jiàn),我在這里使用了顏色名稱,但實(shí)際上最好使用十六進(jìn)制顏色值,也可以將多個(gè)表達(dá)式組合在一起。如,我們擴(kuò)展一下前面的例子,限制只有視口寬度大于800像素的顯示屏設(shè)備才能加載文件。
網(wǎng)站題目:媒體查詢?cè)陧憫?yīng)式網(wǎng)站建設(shè)中需要哪些功能的支持?
分享鏈接:http://aaarwkj.com/news7/113307.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷seo公司;服務(wù)項(xiàng)目有響應(yīng)式網(wǎng)站等
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容