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

在纵向媒体查询上解析错误 - wordpress

1 个答案: