媒體查詢字體大小未調整大小

我遇到了h1字體大小未隨媒體查詢而改變的問題。我已經測試過改變其他樣式，並且它可以工作。所以，我很困惑爲什麼字體大小不會改變。媒體查詢字體大小未調整大小

HTML: 
<h1 class="header-h1">POVERTY IS NOT DESTINY</h1> 

CSS: 
    @media only screen and (max-width: 800px) { 
    h1.header-h1{ 
     font-size:250% !important; 
     color: blue !important; 
     font-weight:bold !important; 
    } 
}

字體會變成藍色，並且會變粗，但字體大小不會改變....幫助？

來源

2016-07-29 Kate

你設置初始的字體大小H1？爲了字體大小％工作，它需要一個起始值，即。 15 px – DirtyRedz

對於字體大小：##％的工作，你需要設置父字體大小。由於％是父字體大小的百分比。如果設置

h1{font-size:16px}

然後設置

h1{font-size:50%}

它不會起作用，因爲你的覆蓋原來的字體大小。

然而設置例如專利字號身體。它會工作。

body{font-size:16px;}

http://jsfiddle.net/0np59ueh/

來源

2016-07-29 16:29:42 DirtyRedz

媒體查詢字體大小未調整大小

回答

相關問題