横向 iphone 的媒体查询错误

【问题标题】：Media query error for landscape iphone横向 iphone 的媒体查询错误
【发布时间】：2013-10-17 19:33:58
【问题描述】：

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

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

样式表是style.css

我不愿意在此处粘贴完整代码，但我们将不胜感激。

谢谢

【问题讨论】：

【解决方案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 */}

【讨论】：