媒体功能，不工作？

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

这就是我通常看到在定位iPhone 5时所写的内容：

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