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

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

我们想保持整个网站在一个960像素的最低限度，作为一个快速解决移动浏览问题，同时我们需要时间来实现一些更长期的东西

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

以下是有问题的网站：

---

我试着在CSS中重写它，但它就是不需要。这里有点死胡同，不太笼统，甚至不知道该问什么。有什么想法吗？

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

有点讽刺的是，响应式css是一个“问题”，因为它是未来的潮流。。。。写这个主题的人可能会说“这不是一个bug，它是一个特性”

为了保持静态，你可以删除或注释掉媒体查询-但是仔细看看css，因为酷孩子们说先用移动设备布局构建页面，然后随着屏幕变宽而细化页面

---

快速/脏的解决方案是删除媒体查询本身（假设它们从窄查询开始，并扩展到960…）。保留媒体查询的css内容，只需删除媒体查询语句及其{}。很可能你会对同一个选择器进行多次更改，但嘿，这就是quick/dirty所涉及的。。。。哦，确保你备份了未修改的css，以防一切都陷入地狱

您的问题在

style.css中，大约在第2100行。以下是相关信息：

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

看到
最大宽度了吗？这意味着它将在屏幕（窗口）小于524px时启动。删除该选项，您将删除响应主题操作

编辑添加：如果您查看firebug，它会告诉您每个样式调用了哪些行和css文件。当调用的样式更改时，这些行将更改。您可能需要将firebug拉出到它自己的窗口中，以便更轻松地查看。
因此，当浏览器宽度低于一定值时，似乎有什么原因导致#页眉#导航栏#容器和#页脚BG从960px宽度更改为460px宽度。我正试图找出如何阻止这种改变，使这些元素保持在960px。知道屏幕大小的响应css确实是一种功能。OP只是不喜欢这个功能，希望删除它，而不是针对移动浏览器进行优化。这很好，但是不要嘲笑CSS写得很好。对不起，我根本没有嘲笑CSS，只是讽刺的是，好的实践才是问题所在。。。。我通常不得不将媒体查询添加到CSS中，OP希望删除它们。我还没有看到整个css，但从外观上看，可能主题是为大屏幕编写的，而媒体查询是后来为小屏幕添加的。如果是这种情况，可以将其注释掉/删除。我完全同意OP应该重新做css，这样它在手机上就可以很好地工作。