0

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

我们希望将整个网站保持在 960 像素的最小值，作为移动浏览问题的快速解决方案，同时我们花时间实施更长期的事情。

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

这是有问题的网站：http: //turbulentlabs.com

我已经尝试在 CSS 中覆盖它，但它并不需要。这里有点死胡同，甚至不知道要问什么而不是太笼统。有什么想法吗？

4

2 回答 2

0

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

有点讽刺的是，响应式 css 是一个“问题”，看到它是未来的浪潮......写主题的人可能会说“这不是一个错误，它是一个功能”！

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

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

于 2012-10-04T19:02:06.797 回答
0

您的问题在style.css第 2100 行附近。以下是相关行：

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

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

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

于 2012-10-04T20:44:41.163 回答