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 中重新输入代码时出现错误，请不要那样做!始终复制并粘贴您的真实代码。)