iPhone 6來了,html5手機wap網頁如何做兼容性
作者:管理員 來源:本站 瀏覽數:8311 發布時間:2015-7-14 0:00:00
iPhone 6來了,html5手機wap網頁如何做兼容性
iPhone 4 依然擁有最多的用戶數,不容忽視它的價值。雖然大屏手機是趨勢,但我們的視覺稿應該是適配大部分的設備,目前數據上看,960*640或1136*640依然是我們設計的規格,從最多用戶數的設備進行設計,大屏手機正常展現,向前兼容,向后看齊,可以解決大部分問題。
@media (device-width:375px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone 6 */
.class{}
}
@media (device-width:414px) and (-webkit-min-device-pixel-ratio:3.0){/* 兼容iphone6 plus */
.class{}
}
<<上一篇:移動用戶界面設計的發展與變化下一篇:沒有了>>