媒體查詢在響應式網站建設中需要哪些功能的支持?

2021-05-12    分類: 響應式網站

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

創新互聯網站建設


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

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

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

網站題目:媒體查詢在響應式網站建設中需要哪些功能的支持?
分享鏈接:http://m.kartarina.com/news7/113307.html

網站建設、網絡推廣公司-創新互聯,是專注品牌與效果的網站制作,網絡營銷seo公司;服務項目有響應式網站

廣告

聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯

成都網站建設公司
主站蜘蛛池模板: 无码人妻丰满熟妇区免费| 99久无码中文字幕一本久道| 下载天堂国产AV成人无码精品网站| 亚洲AV无码一区二区三区久久精品| 国产成人无码免费看片软件 | 曰产无码久久久久久精品| 国产成年无码久久久久下载| 久久久久久AV无码免费网站下载| 无码射肉在线播放视频| 欧洲成人午夜精品无码区久久| 亚洲AV蜜桃永久无码精品| 色欲aⅴ亚洲情无码AV蜜桃| 无码人妻一区二区三区免费n鬼沢 无码人妻一区二区三区免费看 | 无码人妻精品一区二区在线视频| 免费无码肉片在线观看| 精品无码无人网站免费视频| 国产精品无码日韩欧| 国产亚洲大尺度无码无码专线| 永久免费AV无码网站在线观看| 久久精品亚洲AV久久久无码| 亚洲V无码一区二区三区四区观看| 无码专区国产精品视频| 无码国产精品久久一区免费| 亚洲精品GV天堂无码男同| 久久亚洲AV成人无码电影| 亚洲A∨无码无在线观看| 国产激情无码一区二区app| 亚洲av无码精品网站| 亚洲AV无码久久| 欧洲无码一区二区三区在线观看| 水蜜桃av无码一区二区| 无码人妻精品一区二区在线视频| 无码人妻一区二区三区在线| 免费A级毛片无码A∨| 亚洲日韩乱码中文无码蜜桃| 一区二区三区无码被窝影院 | 特级小箩利无码毛片| 无码精品蜜桃一区二区三区WW| 永久免费无码网站在线观看个| 亚洲高清无码专区视频| 亚洲精品无码av人在线观看|