当窗口变小时 CSS 会发生变化

Question

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

我们希望将整个网站的最小尺寸保持在 960 像素，以快速解决移动浏览问题，同时我们会花时间实现更长期的措施。

事实是，这个变化反射(reflect)在用 FireBug 验证的 CSS 中

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

我试过在 CSS 中重写它，但行不通。在这里有点死胡同，如果不是太笼统，甚至不确定要问什么。有什么想法吗？

Answer 1

您的问题在 style.css 中，大约在第 2100 行。以下是相关行:

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

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

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