Question

我遇到的问题是h1 font-size没有随媒体查询而改变。我测试过改变其他风格，它的工作原理。所以，我很困惑为什么font-size不会改变。

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;
    }
}

字体会变成蓝色并且会变粗，但字体大小不会改变....帮助？

Answer 1

对于font-size：##％工作，您需要设置父字体大小。由于％是父字体大小的百分比。如果你设置

h1{font-size:16px}

然后设置

h1{font-size:50%}

它将无效，因为您覆盖原始字体大小。

然而，设置专利字体大小，例如正文。它会起作用。

body{font-size:16px;}

http://jsfiddle.net/0np59ueh/

媒体查询字体大小未调整大小

1 个答案: