无码在线免费观看,内射大奶少妇,逼逼色综合,国产三区精品,夫妻操逼视频,国产伦精品一区二区三区照片,成人AV影视在线播放,在线成人性爱视频

語法：

width：<length>

接受min/max前綴：是

取值：

<length>：: 用長(zhǎng)度值來定義寬度。不允許負(fù)值

說明：

定義輸出設(shè)備中的頁(yè)面可見區(qū)域?qū)挾取?/strong>

與盒模型width不同，媒體特性width的取值只能是<length>。

本特性接受min和max前綴，因此可以派生出min-width和max-width兩個(gè)媒體特性。

簡(jiǎn)單列舉幾個(gè)應(yīng)用示例：

@media screen and (width){ … } @import url(example.css) screen and (width:800px); <link media="screen and (min-width:400px) and (max-width:900px)" rel="stylesheet" href="example.css" /> <?xml-stylesheet media="not screen and (width:800px)" rel="stylesheet" href="example.css" ?>

兼容性：

淺綠 = 支持

紅色 = 不支持

粉色 = 部分支持

Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome

Basic Support 6.0-8.0 2.0-3.0 4.0-25.0^#1 6.0^#1 15.0+ 6.0-6.1^#1 2.1-4.3^#1 18.0-24.0^#1

9.0^{#1 #2} 3.5-9.0^#3 26.0+ 6.1+ 7.0+ 4.4+ 25.0+

10.0-11.0^#1 10.0+

不支持嵌套媒體查詢。

使用width作為媒體查詢條件，是包含滾動(dòng)條在內(nèi)的

支持min-width但卻無效。

示例：

<!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="utf-8" /> <title>media features width_CSS參考手冊(cè)_web前端開發(fā)參考手冊(cè)系列【CSS在線手冊(cè)-網(wǎng)站設(shè)計(jì)教程參考資料】</title> <meta name="author" content="易網(wǎng),網(wǎng)站設(shè)計(jì),網(wǎng)站制作,網(wǎng)站建設(shè),m.zzgdys.com" /> <style> @media all and (min-width:500px) and (max-width:1000px){ body{color:#f00;} } </style> </head> <body> <div id="qg1vjhaigs" class="test">當(dāng)頁(yè)面可見寬度大于500px小于1000px時(shí)，本行文字顯示為紅色。試著調(diào)整你的viewport使得頁(yè)面寬度介于這個(gè)區(qū)間以查看效果</div> </body> </html>

Values	IE	Firefox	Chrome	Safari	Opera	iOS Safari	Android Browser	Android Chrome
Basic Support	6.0-8.0	2.0-3.0	4.0-25.0^#1	6.0^#1	15.0+	6.0-6.1^#1	2.1-4.3^#1	18.0-24.0^#1
	9.0^{#1 #2}	3.5-9.0^#3	26.0+	6.1+		7.0+	4.4+	25.0+
	10.0-11.0^#1	10.0+	26.0+	6.1+		7.0+	4.4+	25.0+