min-width = 481爲什麼

Question

我看到一些帶@media的頁面，它們的最小寬度設置爲481px。
爲什麼？什麼是481？
我認爲iPad的尺寸是768 * 1024。
謝謝。

@media only screen and (device-width: 768px) { 
    /* For general iPad layouts */ 
} 

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) { 
    /* For portrait layouts only */ 
} 

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) { 
    /* For landscape layouts only */ 
} 

Answer 1

它是因爲人們還定義了智能手機的媒體查詢。大部分時間都是寬度= 480px。

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {} } 

所以未來更高的分辨率將是最小的設備寬度= 481px

希望這有助於獲取更多信息看http://css-tricks.com/snippets/css/media-queries-for-standard-devices/