iPhone iPad 所對應的CSS自適應設定

近幾年在設計網站的時候，經常會遇到為了設計出針對特定的裝置，而使用不一樣的CSS設定，一位來自緬甸的設計師Stephen整理了一系列Apple裝置的CSS設定，這樣的整理時在減省了不少查詢時間，讓針對不一樣螢幕大小的設定能更快速完成。

網站：http://stephen.io/mediaqueries/
部分設定值如下：

iPhone 5 in portrait & landscape

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) { /* STYLES GO HERE */}

iPhone 2G-4S in portrait & landscape

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) { /* STYLES GO HERE */}