修復越野車響應CSS禪sub subme

我有一個響應Drupal禪subTheme，我一起關於一年前&從一些CSS &黑客一起，一個非Drupal設計師交給我的網站的HTML。我已經知道，在某些佈局中，它是越野車，需要修復，但我沒有得到解決。在反覆向當地的Drupal開發人員（並提供支付他）後，我已經厭倦了等待，只需要解決這個問題。修復越野車響應CSS禪sub subme

移動設備上我的跳出率非常糟糕。網址是http://developcents.com。該主頁在任何設備上看起來都不錯。不過，在某些屏幕尺寸（包括移動設備）中查看時，內部頁面需要很多幫助。我們以http://developcents.com/blog爲例。

在下面的場景中，我的問題不是如何自己找到CSS文件。相反，我的問題是，如何使用Firebug Lite找到必要的CSS設置，以便我可以通過瀏覽器調試CSS，而不是每次我想測試更改時手動更新每個CSS文件？

我找不到實際的CSS樣式divs,blocks等...導致佈局在某些尺寸下中斷。我知道如何在CSS面板中查找和編輯CSS，但我無法在此實例中追蹤特定的CSS。

此外，作爲第二個問題，如果您想提供有關我實際需要更改的指示，請成爲我的客人！但如果你指出我正確的方向，我可以自己弄清楚，那也沒關係。 :)

讓我們到的場景（它可以很容易地通過測試它看到自己）：

當我調整我的瀏覽器窗口到一定的規模，在左邊的鏈接&鳴叫節側邊欄移到右側，以便導航欄的左側與頁眉區域的右側對齊，而內容跨越頁面的整個寬度，除了留在原地的左邊距，但會變寬。基本上，標題下面的所有內容都被搞砸了，看到問題比解釋它們更容易（所以去測試一下）。

在Chrome中使用Firebug Lite時，我似乎無法找到「main」內容區域的左邊距（請參閱此屏幕截圖清楚地指示黃色邊距），也無法找到導航欄/ tweets塊的CSS （我認爲這是某種浮動）。 enter image description here

來源

2014-04-25 David W

目前還不清楚你實際上想知道什麼。你想知道如何永久更新developcents.com上的CSS文件嗎？另外請注意，您正在使用[Firebug Lite]（https://getfirebug.com/firebuglite）和Firebug Lite！= [Firebug]（https://getfirebug.com/）！ –

正確，我試圖永久更新developcents.com上的CSS文件 - 但爲了這樣做，我想通過Firebug（Lite）測試和執行我的開發。感謝您的澄清，重新：Firebug lite - 原文中提到了另一個地方，我現在更新了它。 –

要在Firebug或Firebug Lite中修改CSS，只需在HTML panel中選擇一個元素或通過其檢查器對其進行檢查。在Style side panel內部，您將看到應用於元素的所有CSS規則。

單擊CSS屬性的名稱或值將打開一個內聯編輯器以允許對其進行編輯。

在每個規則的右側，您會看到樣式表的名稱，其中包含規則。將鼠標懸停後，會顯示完整網址並點擊該網址，您可以在CSS panel內檢查它。

您還可以直接在CSS面板中編輯樣式，該面板列出了頁面上可用的所有樣式表。

注意：您在那裏做的更改不是permament，即在下一頁重新加載時它們已經消失！要進行永久更改，您需要編輯服務器上的文件。

另請注意，我指的是Firebug內的面板。 Firebug Lite中的面板基本上是一樣的，雖然可能看起來和工作有些不同。此外，Firebug Lite不再受到維護，因此不能保證所有內容都按預期工作。

來源

2014-04-25 12:41:13

謝謝。雖然這對於Firebug Lite的一般用法很有幫助，但它並沒有真正解決我的問題，即：我找不到實際的CSS，導致佈局在某些維度下中斷。我知道如何在CSS面板中查找和編輯CSS（按照我的屏幕截圖），但我無法在此實例中追蹤特定的CSS。我會在問題中澄清這一點。 –

修復越野車響應CSS禪sub subme

回答

相關問題