html - 字体大小100％(异常(exception))

我正在构建一个自适应网页，并且希望将页面字体设置为100％（导航文本除外），以保持一致。我以为可以通过媒体查询来定位导航字体大小，从而达到目的，然后我想添加重要的字体就可以了，但不幸的是，没有运气。

@media (max-width: 950px) {
    body {font-size:95%;}

    nav {font-size:100% !important;}
}

最佳答案

由于您希望页面上的所有字体均为100％（nav元素除外），因此您设置的百分比错误。另外，不确定为什么要在媒体查询中设置此设置。

为了理解下面的示例，您需要了解，由于将主体的font-size设置为150%，因此通过将nav font-size设置为95%，现在可以设置nav 150％的95％，相当于142.5％。字体大小百分比是相对于其父字体而言的。

这是我的建议：

#navContainer {
  font-size: 150%;
}

nav {
  font-size: 95%;
}

#standalone_Nav nav {
  font-size: 142.5%;
}

<div id="navContainer">
  <div>This is body text at 150%</div>
  <nav>This is Nav Text at 95% of 150%</nav>
</div>

<div id="standalone_Nav">
  Standalone standard text
  <nav>Nav text set at 142.5%</nav>
</div>

关于html - 字体大小100％(异常(exception))，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33157575/