@media screen and這是一種最常見的寫法，后面跟上限定的屏幕尺寸
一般all跟only都是對應在一起出現的
@media all and (min-width:xxx) and (max-width:xxx){/*這段查詢的all是針對所有設備(有些設備不一定是屏幕，也許是打字機，盲人閱讀器)*/}@media only screen and (min-width:xxx) and (max-width:xxx){/*上面針對了所有設備，這段是只(only)針對彩色屏幕設備*/}device-aspect-ratio可以用來適配特定屏幕長寬比的設備，這也是一個很有用的屬性，比如，我們的頁面想要對長寬比為4:3的普通屏幕定義一種樣式，然后對于16:9和16:10的寬屏，定義另一種樣式，比如自適應寬度和固定寬度： 用法：
-webkit-min-device-pixel-ratio的常見值對比（是設備上物理像素和設備獨立像素，設備像素比率）
| 設備 | 分辨率 | 設備像素比率 |
|---|---|---|
| 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 |
轉自 http://www.w3cways.com/1697.html
新聞熱點
疑難解答
