Question

上有一个测试网站

我发现在横向模式下媒体查询没有启动？我试图设置为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 */}