当窗口变小时CSS发生变化

我遇到了与我的WordPress站点有关的问题。当窗口大小变小时，特别是在移动浏览场景中，字体大小增加到16px，并且#wrap宽度从960px变为460px。当窗口变小时CSS发生变化

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

的事情是，这种变化体现在与萤火

验证CSS这里是有问题的网站：http://turbulentlabs.com

我试着在CSS覆盖它，但它只是不拿。在这里，一个死胡同，甚至不知道要问什么，而不是太笼统。有什么想法吗？

来源

2012-10-04 Luke Pighetti

因此，当浏览器宽度低于一定值时，看起来有什么会导致#header #navbar #container和#footerbg从960px宽度更改为460px宽度。我试图找出如何阻止这种变化，使这些元素保持在960px。 –

你的问题是style.css，围绕行2100以下是相关的代码：

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

请参阅max-width？这意味着它会在屏幕（窗口）小于524像素时触发。删除它，你会删除你的响应式主题操作。

编辑添加：如果你看看萤火虫，它会告诉你什么线和什么样的CSS文件被称为每种风格。当被调用的样式发生变化时，这些行将会改变。您可能需要将萤火虫放入自己的窗户中才能看到它。

来源

2012-10-04 20:44:41 SickHippie

我建议使用Firebug或Chrome开发人员工具在“缩小”窗口中查看css。这个主题可能在其CSS中包含媒体查询。

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

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

快速/肮脏的解决方案是自己删除媒体查询（假设它们从窄到高达960 ...）。保留媒体查询的css 内容，只需删除媒体查询语句及其{}。有可能你会对同一个选择器做出多处改变，但是，嘿，这就是快速/肮脏涉及....噢，并且确保你备份未修改的CSS，以防万一它下地狱！

来源

2012-10-04 19:02:06 dzogchen

意识到屏幕尺寸的响应式css确实是一项功能。 OP只是不喜欢该功能，并希望将其删除而不是针对移动浏览器进行优化。这很好，但不要模拟CSS写入正确。 – SickHippie

对不起，我没有嘲笑css，只是好的做法是这个问题的讽刺....我通常最终不得不将媒体查询添加到CSS中，并且OP想要删除它们。我没有看到整个css，但从外观来看，也许这个主题是为宽屏幕而写的，而媒体查询后来又加入了小屏幕。如果是这样的话，它可以被注释掉或删除。我绝对同意OP应该重新做css，以便在移动设备上运行良好。 – dzogchen

当窗口变小时CSS发生变化

回答

相关问题