继承的字体大小在 Wordpress 的段落内不起作用答案

【问题标题】：Inherited font-size not working inside paragraph in Wordpress继承的字体大小在 Wordpress 的段落内不起作用
【发布时间】：2016-01-08 10:25:18
【问题描述】：

我在 Wordrpess 博客中的 <p> 中有 <code>。我将<code>的字体大小设置为inherit，以便与父<p>具有相同的大小。

不过<code>的font-size还是14px左右...

...这仍然与父 <p> 的 18px 字体大小不同。

您可以看到demo post。是不是我设置错了？

更新：我将font-size: inherit 改为font-size: 1.1em 以匹配段落的一般大小。您可以切换回前一个来查看我的问题。

【问题讨论】：

【解决方案1】：

我觉得<code>元素很特别，浏览器默认样式是13px字体大小和monospace字体系列。它不完全遵循正常的 CSS 规则，类似于 <input>、<textarea> 等替换元素。

如果需要，设置固定大小code{font-size:18px;} 左右。

进一步阅读：

【讨论】：

你是对的。结果实际上是14.625px，即13px（浏览器默认大小）X 62.5%（我的重置）X 1.8em（<p>字体大小）。
因为<p> 通常是18px，小屏是16px，你有没有想过让<code> 也响应式？ :)
如果您使用媒体查询，这将非常容易。
当然。我的尝试是使<code> 时间为 16px/13px（p/code 标签），使其与<p> 相同，并且不需要媒体查询。但是不知道让这两个的字体大小一样好不好。
对我来说，代码的字体大小没有必要和p标签完全一样，稍微小一点会更好看。

【解决方案2】：

浏览器将<code> 元素的默认字体大小缩小一个百分比。为了重置该应用程序：

code{
  font-size: 1em;
}

这个答案将代码字体大小设置为默认浏览器设置，16px 通常是默认值。

【讨论】：

好主意。但现在我的问题是我有多个<p> 设置，如 62.5% 和 1.8em 以使其为 18px，以及如何使<code> 响应。 :)
我完全理解同时使用 em 和 px 是多么令人心碎。关于我们应该如何对待尺寸单位，有很多文献，有的旧的，有的新的。我的最爱之一，与我个人使用的编程方式非常接近：csswizardry.com/2011/12/measuring-and-sizing-uis-2011-style