修正童车响应CSS Zen子主题

我有一个响应Drupal Zen的子主题，大约一年半前，我从一个非Drupal设计师为我的网站提供给我的一些CSS和HTML中拼凑而成。我知道在某些布局中，它是有缺陷的，需要修复，但我只是还没有找到解决方法。在反复联系当地的Drupal开发人员（并主动向他付款）之后，我已经厌倦了等待，只需要修复这个问题

我对移动设备用户的反弹率非常糟糕

网址是。主页在任何设备上看起来都不错。但是，当以特定的屏幕尺寸（包括移动设备）查看内部页面时，需要很多帮助。让我们举个例子

在下面的场景中，我的问题不是如何找到CSS文件本身。相反，我的问题是，我如何使用Firebug Lite找到必要的CSS设置，以便我可以通过浏览器调试CSS，而不必在每次测试更改时手动更新每个CSS文件

我找不到实际的CSS样式的

divs

，

块

，等等。。。导致布局在特定尺寸下中断。我知道如何在CSS面板中查找和编辑CSS，但在这个例子中，我无法找到特定的CSS

另外，作为第二个问题，如果你想提供关于我实际需要改变什么的建议，那么请做我的客人！但是，如果你给我指出了正确的方向，告诉我如何自己解决这个问题，那也没关系

让我们进入场景（您可以通过自己测试轻松看到）：

当我将浏览器窗口的大小调整到一定大小时，左侧栏中的链接和tweets部分会移到右侧，这样导航栏的左侧会与标题区域的右侧对齐，而内容会跨越页面的整个宽度，但左侧边距会保持不变，但会变宽。基本上，页眉下面的所有内容都会出错，看到问题比解释问题更容易（所以去测试一下）

---

在Chrome中使用Firebug Lite，我似乎找不到“主”内容区域的左边距（请参见清楚指示黄色边距的屏幕截图），也找不到导航栏/tweets块的CSS（我认为这是某种浮动）

要修改Firebug或Firebug Lite中的CSS，只需在中选择一个元素或通过其检查器检查它。在中，您将看到应用于元素的所有CSS规则

单击CSS属性的名称或值将打开一个内联编辑器以允许对其进行编辑

在每个规则的右侧，您将看到包含该规则的样式表的名称。将其悬停会显示完整的URL，单击它可以在中检查它

您还可以直接在CSS面板中编辑样式，该面板列出了页面上可用的所有样式表

注意：您在那里所做的更改不是永久性的，也就是说，在下一页重新加载时，这些更改将消失！要进行永久性更改，您需要编辑服务器上的文件

---

还要注意，我指的是Firebug中的面板。Firebug Lite中的面板工作原理基本相同，但外观和工作原理可能略有不同。此外，Firebug Lite不再维护，因此无法保证一切都按预期工作。

我还不清楚您到底想知道什么。您想知道如何永久更新developcents.com上的CSS文件吗？还请注意，您正在使用和Firebug Lite！正确，我正在尝试永久更新developments.com上的CSS文件-但为了做到这一点，我想通过Firebug（Lite）测试和执行我的开发。谢谢你的澄清，回复：Firebug lite-在原来的帖子中有另外一个地方提到了它，我现在已经更新了。谢谢。虽然这在Firebug Lite使用的一般意义上是有帮助的，但它并没有真正解决我的问题，即：我找不到导致布局在某些维度下断裂的实际CSS。我知道如何在CSS面板中查找和编辑CSS（根据我的屏幕截图），但在这个例子中，我无法找到特定的CSS。我将在问题中澄清这一点。