iPhone 5 CSS媒体查询
iPhone 5的屏幕更长,无法捕捉到我网站的移动视图。iPhone 5新增了哪些响应式设计查询,可以与现有iPhone查询结合使用吗?
我当前的媒体查询是这样的:
@media only screen and (max-device-width: 480px) {}
回答:
另一个有用的媒体功能是device-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) {}
以上是 iPhone 5 CSS媒体查询 的全部内容, 来源链接: utcz.com/qa/418003.html