html - 媒体查询 CSS

Question

出于某种原因，当从 iphone 或移动设备查看时，我的媒体查询无法正确调整我的网站大小，我在 iphone 上获得了该网站的平板电脑版本。媒体查询适用于平板电脑，并且在缩小浏览器窗口时非常完美。

我错过了什么吗？

@media only screen and (min-width: 1024px) {
/*styling here*/
}

@media only screen and (max-width: 1023px) and (min-width: 740px) {
/*Tablet styling here*/
}

@media only screen and (max-width: 739px) and (min-width: 0px) {
/*Mobile styling here*/
}

Answer 1

看看这个，让我知道它是否有效

您需要指定设备宽度。

Answer 2

我认为您可能需要将其指定为“最小设备宽度”。

@media only screen and (max-device-width: 739px) and (min-device-width: 0px) {
    /*Mobile styling here*/
}