@media screen and
這是一種最常見的寫法,后面跟上限定的屏幕尺寸
一般all跟only都是對應(yīng)在一起出現(xiàn)的
@media all and (min-width:xxx) and (max-width:xxx){/*這段查詢的all是針對所有設(shè)備(有些設(shè)備不一定是屏幕,也許是打字機,盲人閱讀器)*/}@media only screen and (min-width:xxx) and (max-width:xxx){/*上面針對了所有設(shè)備,這段是只(only)針對彩色屏幕設(shè)備*/}device-aspect-ratio
可以用來適配特定屏幕長寬比的設(shè)備,這也是一個很有用的屬性,比如,我們的頁面想要對長寬比為4:3的普通屏幕定義一種樣式,然后對于16:9和16:10的寬屏,定義另一種樣式,比如自適應(yīng)寬度和固定寬度: 用法:
-webkit-min-device-pixel-ratio
的常見值對比(是設(shè)備上物理像素和設(shè)備獨立像素,設(shè)備像素比率)
設(shè)備 | 分辨率 | 設(shè)備像素比率 |
---|---|---|
Android LDPI | 320×240 | 0.75 |
iphone 3 & Android MDPI | 320×480 | 1 |
Android HDPI | 480×800 | 1.5 |
Iphone 4 | 960×640 | 2.0 |
轉(zhuǎn)自 http://www.w3cways.com/1697.html
新聞熱點
疑難解答