Question

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

但是，<code>的字体大小仍然是大约14px ...

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

您可以看到demo post。我做了什么错误的设置吗？

更新：我已将font-size: inherit发送至font-size: 1.1em，以便匹配段落的一般大小。您可以切换回前一个来检查我的问题。

Answer 1

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

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

进一步阅读：

Answer 2

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

code{
  font-size: 1em;
}

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