字体大小100％，但有例外

Question

我正在构建一个响应式网页，并希望我的页面字体设置为100％，但导航文本除外，这将保持一致。我认为通过媒体查询定位导航字体大小会做到这一点，然后我认为添加重要功能会起作用，但遗憾的是，没有运气。

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

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

Answer 1

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

为了理解下面的示例，您需要了解，因为您将font-size的正文设置为150%，所以将nav font-size设置为{{ 1}}您现在将95% nav设置为150％的95％，相当于142.5％。字体大小百分比是相对于父母的。

以下是我的建议：

font-size

#navContainer {
  font-size: 150%;
}

nav {
  font-size: 95%;
}

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

Answer 2

将nav {font-size:100% !important;}移到任何媒体查询之外