相容蘋果4，蘋果5

標籤：rem   判斷   顯示不全   設計   pixel   one   idt   頁面   換算   

/* iphone4 */

@media screen and (device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2){

}

/* iphone5 */

@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2){

 

}

蘋果4手機判斷多用於動畫，如果不單獨設定樣式，大部分會顯示不全，下面一部分頁面被截取，

蘋果5判斷多用於寫rem為單位的自適應頁面，當750設計圖中字型大小為24px時，換算到蘋果5上的顯示字型大小只有10像素多，字型大小過小，需要單獨設定為11px或者12px

相容蘋果4，蘋果5