css - 媒体功能，不起作用？

Question

我有小问题：

我将网站版本制作为 Iphone 5

但是这段代码：

@media screen and (max-devise-width:568px) and (device-aspect-ratio:  2730/1000) and (-webkit-min-device-pixel-ratio: 2){
}

不起作用，而这段代码：

@media screen and (max-devise-width:568px)

有效，但我还想添加device-aspect-ratio和-webkit-min-device-pixel-ratio

Answer 1

你max-devise-width拼写了s- 它应该是device。

（如果将代码重新输入 StackOverflow 时出错，请不要这样做！始终复制并粘贴您的真实代码。）

Answer 2

这就是我在定位 iPhone5 时通常看到的写法：

@media screen and (max-width:560px) and (device-aspect-ratio: 40/71) and (-webkit-min-device-pixel-ratio: 2) {}