css - 纵向媒体查询的解析错误 - wordpress

Question

我正在构建我的第一个响应式 Wordpress 主题，但是当我将静态 HTML 转换为主题时，我的肖像媒体查询停止工作。奇怪的是肖像查询作为静态站点运行良好。

这是我的代码:

@media all and (orientation: portrait) {

            #main {
                display: table;
                max-width: 100%;
                        }

            #content img {
                                width:100%;
                                height:auto;
                                display: table-cell;
                                vertical-align: middle
                            }

             #tabbtn {
                        width:20%;
                        min-width: 30px;
             }

}

& 这是 W3C 验证检查中出现的错误:

Parse Error [ @media all and (orientation: portrait)]

非常感谢任何帮助!

Answer 1

啊，对于任何正在寻找的人来说——实际的错误是图像没有响应我的流畅 CSS(由于 Wordpress 添加了固定的高度/宽度)。我以前没有意识到这一点。我认为解析错误无关紧要。

目前正在尝试使用此处的信息解决问题:http://www.netmagazine.com/tutorials/getting-wordpress-play-nice-responsive-images