中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

媒體特性共13種，可以說是一個(gè)類似CSS屬性的集合。但和CSS屬性不同的是，媒體特性只接受單個(gè)的邏輯表達(dá)式作為其值，或者沒有值。并且其中的大部分接受 min/max 的前綴，用來表示 大于等于/小于等于 的邏輯，以此避免使用 < 和 > 這些字符。

那么，回到剛才的那條 Media Query，media="screen and (min-width: 400px)" 的意思就是當(dāng)屏幕的寬度大于等于400px的時(shí)候，應(yīng)用此條CSS。

一個(gè) Media Query 包含一種媒體類型，如果媒體類型沒有指定，那么就是默認(rèn)類型all，比如：

代碼:

<link rel="stylesheet" type="text/css" href="example.css"
    media="(max-width: 600px)">

一個(gè) Media Query 包含0到多個(gè)表達(dá)式，表達(dá)式又包含0到多個(gè)關(guān)鍵字，以及一種媒體特性，比如：

代碼:

<link rel="stylesheet" type="text/css" href="example.css"
    media="handheld and (min-width:20em) and (max-width:50em)">

逗號(hào)(,)被用來表示并列，表示或者。比如下面的例子表示此CSS被應(yīng)用于寬度小于20em的手持，或者寬度小于30em的屏幕：

代碼:

<link rel="stylesheet" type="text/css" href="example.css"
    media="handheld and (max-width:20em), screen and (max-width:30em)">

not 關(guān)鍵字用來排除符合表達(dá)式的設(shè)備，比如：

代碼:

<link rel="stylesheet" type="text/css" href="example.css"
    media="not screen and (color)">

出處：藍(lán)色理想
責(zé)任編輯：bluehearts

上一頁 CSS3 Media Queries 詳解 [1] 下一頁 CSS3 Media Queries 詳解 [3]

◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。