Question

我的wordpress网站遇到了问题。当窗口大小变小时，特别是在移动浏览场景中，字体大小增加到16px，#wrap宽度从960px变为460px。

我们希望将整个网站保持在最低960px，作为移动浏览问题的快速解决方案，同时我们会花时间实施更长远的目标。

问题是，这种变化反映在使用FireBug验证的CSS中

我已经尝试在CSS中覆盖它，但它只是不需要。这里有点死路，甚至不确定要求什么而不太一般。有什么想法吗？

Answer 1

我建议使用Firebug或Chrome开发人员工具查看“缩小”窗口中的css。该主题可能在其css中内置了媒体查询。

有点讽刺的是，响应性CSS是一个“问题”，看到它是未来的潮流......写主题的人可能会说“这不是一个错误，它是一个特征”！

为了保持静态，您可以删除或注释掉媒体查询 - 但请仔细查看css，因为很酷的孩子说要用移动优先布局构建页面，然后随着屏幕尺寸变宽而详细说明。

快速/肮脏的解决方案是自己删除媒体查询（假设它们从狭窄开始并扩展到960 ......）。保留媒体查询的css 内容，只需删除媒体查询语句及其{}。有可能你会对同一个选择器进行多次更改，但是嘿，这就是快速/肮脏所涉及的......哦，并确保你备份未经修改的CSS以防万一它下地狱！

Answer 2

您的问题在style.css左右，在2100行左右。以下是相关行：

@media screen and (max-width: 524px)
#wrap {
width: 460px;
padding: 0px 16px;
}

看到max-width？这意味着当屏幕（窗口）小于524px时它将触发。删除它，您将删除您的响应主题操作。

编辑添加：如果你看一下firebug，它会告诉你每个样式调用哪些行和css文件。当被调用的样式发生变化时，这些行将会改变。您可能需要将萤火虫拉出到自己的窗口中以便更容易看到它。