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

回到顶部