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 回答