Font SIze不一致（百分比）

-1

我在62.5％的html中擁有一個基本大小，並相應地增加了我的標題的字體大小。當我在我的Chrome中檢查它時：不同的h2標題具有相同的字體大小，但它們顯示爲差異。我的屏幕上的大小。根據我的理解，字體大小（含％）取決於html的字體大小。但無論如何，父容器也是相同的寬度。Font SIze不一致（百分比）

html { 
    font-size: 62.5%; } 

    h1, h2, h3, h4 { 
    text-align: center; } 

    h1 { 
    font-size: 250%; } 

    h2 { 
    font-size: 187.5%; } 

    h3 { 
    font-size: 125%; } 

    h4 { 
    font-size: 100%; 
    font-weight: bold; 
    margin-bottom: 0.5em; }

我想通了，父元素中有兩個字體大小被劃掉。如果我在開發人員窗口中停用它們，它仍會影響標題的大小。有趣的看到。

但我認爲我有一個誤解，我想如果我有一個父母定義在像css div h1父母的字體大小影響的大小。但似乎每個父字體大小都會影響其子元素。這使得使用％，就像在下面的文章中一樣，我認爲這是毫無用處的，因爲你無法爲字體設置層次結構。或者我錯了？所以最好的方法是在任何地方使用rems來獲得一致的字體大小？

來源

2015-01-06 Andi Giga

據我所知，這不是有效的CSS。你可以使用還是較少等？ – jbutler483

它的SCSS，但我想這是CSS用戶很可讀的代碼，並有一個更大的社區。另外問題是一個CSS的問題。這就是爲什麼我把它貼在CSS標籤上。 –

如果這是一個CSS問題，你可以發佈的CSS？如果這是一個問題，你可以發佈一個可行的演示來展示這個問題嗎？ – jbutler483

在HTML標籤設置字體大小的百分比，在身體標記設置爲1EM，和其他標籤使用em單位

來源

2015-01-06 14:55:34 kwiatek5

或者使用'rem's而不是'em's，以避免應用多個相關計算。 – Palpatim

本文推薦使用％而不是ems： http://kyleschaeffer.com/development/css-font-size-em-vs-px-vs-pt-vs/ 但是我也嘗試在％，身體到1em和h2到4em（用於測試）。不幸的是，問題仍然存在。這是微不足道的，但它弄亂了設計。 –

Font SIze不一致（百分比）

回答

相關問題