iphone - 横向 iphone 的媒体查询错误

Question

我在cozi.mytakeawaysite.com上有一个测试站点

我发现在横向模式下媒体查询不会启动？我试图设置为 max-width: 480px 但这不起作用？？

样式表是 style.css

我不愿意在这里粘贴完整的代码，但任何建议都将不胜感激。

谢谢

Answer 1

让我们像下面这样包装您的媒体查询：

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) { /* STYLES GO HERE */}

如果你想要一些只用于横向模式的 css，试试这个：

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) { /* STYLES GO HERE */}

更多信息