iPhone 5的屏幕更长,无法捕捉到我网站的移动视图.iPhone 5最新的响应式设计查询是什么?我可以结合现有的iPhone查询吗?
我目前的媒体查询是这样的:
@media only screen and (max-device-width: 480px) {}
iPhone 5的屏幕更长,无法捕捉到我网站的移动视图.iPhone 5最新的响应式设计查询是什么?我可以结合现有的iPhone查询吗?
我目前的媒体查询是这样的:
@media only screen and (max-device-width: 480px) {}
另一个有用的媒体功能是device-aspect-ratio
.
注意iPhone 5 does not have a 16:9 aspect ratio.事实上是40:71.
iPhone < 5:
@media screen and (device-aspect-ratio: 2/3) {}
iPhone 5:
@media screen and (device-aspect-ratio: 40/71) {}
iPhone 6:
@media screen and (device-aspect-ratio: 375/667) {}
iPhone 6 Plus:
@media screen and (device-aspect-ratio: 16/9) {}
iPad:
@media screen and (device-aspect-ratio: 3/4) {}
Reference:
Media Queries @ W3C
iPhone Model Comparison
Aspect Ratio Calculator