查看使用哪個CSS文檔

-1

我必須更正一些文字大小。如果你看這個頁面：標題從移動設備上的頁面（或者在'blisk'瀏覽器）中出去，所以你必須向右滾動才能看到文本。查看使用哪個CSS文檔

該網站有很多頁面，我找不到控制字體的CSS或Sass文件。

是否有人知道我是否可以在瀏覽器中看到<h2>標記正在使用哪個文檔。正如我看到它，我無法通過開發人員工具看到它？

來源

2016-07-12 KrMa

任何好的devtools讓你看到適用的規則。 – gcampbell

你的CSS已經捆綁了，看看它在哪個css文件中，你需要在你的開發環境中看一看你的開發環境，然後才能將這些文件全部捆綁到一起 – Pete

你使用的瀏覽器是什麼？ –

你只有一個精縮CSS

<link href="/bundles/css?v=SJ37P6CfqPJUAiVuLtUYrkvpJkXmJUlOWclWB_n1UKw1" rel="stylesheet"/>

的問題是在這裏：

.h2, h2 { 
    font-size: 40px; 
    padding-top: 30px; 
}

既然你有很長的話，瀏覽器儘量不打破的話成多行。您可以減小某個斷點的字體大小：

@media screen and (max-width: 640px){ 
    .h2, h2 { 
    font-size: 26px; 
    } 
}

來源

2016-07-12 08:44:14 Alessio

謝謝你的回答。我想了解的是，哪裏可以看到問題所在。我在樣式下搜索谷歌開發人員工具，但是我找不到您在那裏找到的內容？我當然可以看到捆綁包，但是你認爲問題在哪裏？ – KrMa

正如Alessio提到的錯誤在於h2部分。如果您切換到開發人員工具，您可以看到某些html元素（某種疊加層）的寬度。在這種情況下，h2元素會越過邊界，從而導致滾動問題。您的文字或特別是「Søgemaskineoptimering」這個詞太長，太大而不適合一行（移動視圖）。您可以更改字體大小，也可以設置wordbreak。阿萊西奧已經解釋了斷點的方法。

最好的問候， KN

來源

2016-07-12 10:06:48

非常感謝您的回答。現在的問題是，該頁面有這麼多不同的CSS文件，SCSS文件和JS文件。所以我坐在每一個文件，並通過CSS來試圖找到h2。有沒有一種方法可以查看h2標籤所在的文檔？此致敬禮。 – KrMa

是的，如果您使用開發人員工具並檢查h2元素，您將能夠在源文件的css框右側看到。它看起來像這樣： .h2，h2 {css？v = SJ37P6CfqPJUAiVuLtUYrkvpJkXmJUlOWclWB_n1UKw1 font-size：40px; padding-top：30px; } –

再次感謝你。問題在於沒有稱爲css的文檔？v = SJ37P6CfqPJUAiVuLtUYrkvpJkXmJUlOWclWB_n1UKw1。那是因爲CSS使用grunt文件最小化了嗎？ – KrMa

查看使用哪個CSS文檔

回答

相關問題