Html 如何确定元素p的大小

我在一个类似于powerpoint的html/js应用程序中工作，因此这些应用程序让您可以创建滑块，并在任何类型的屏幕上显示它们（它们是大屏幕，但没有那么多像素，例如一个屏幕制作128x90[px]，一个屏幕制作2x1[meters]）

在创建过程中，人们可以在px中选择不同的字体大小（11、12、14…100），此时我添加了文本，父元素有这个css

.text-show{
    color: #FFFFFF;
    margin-bottom: 10px;
    font-size: 11px !important;
    font-family: Arial;
    font-weight: lighter !important;
    line-height: 1 !important;
}

和其他css（我在某个项目中工作，一个旧的开发人员添加到许多父级和css中）

我的问题是，例如，当我添加文本时

<p> some text <span style="font-size: 11px">other text</span></p>

一些文本其他文本

在creator部分，我得到了大小为'p'的这个'SOMEx12px'，但最终得到的结果是'SOMEx12.66px'

因为我使用的像素不多，所以0.66px的变化是可见的（我有其他元素，所以更多的是这个小差异的总和）

所以我的问题是如何解决这个问题，我验证css，我没有发现任何奇怪的地方

---

为了测试它，我使用相同的浏览器来创建滑块，为了查看它，屏幕上也有相同的浏览器

您是否尝试使用Normalize.css文件？浏览器有时会添加您不需要的部分代码，例如

p{font size:110%}

或

spam{font size:110%}

也可能是您的规范化部分中的部分。

请为您的问题添加一个有效的JSFIDLE。很难猜测这条规则是从哪里来的。这不是问题的有效答案。答案应该提供问题的解释，最好是关于如何解决问题的代码示例…@Narxx如果你不明白这是你的问题。我已经写了一个解释并提出了一个可能的错误。这个地方不只是为了好玩。我会尽力帮忙，并遵循StackOverflow的规则。我在这里发表评论是为了回馈社区。很抱歉，你被冒犯了，我无意冒犯你个人。@Narxx这与冒犯无关，我有权检查css文件，因为这可能是他的解决方案。这是一个答案。无论如何，如果你想成为论坛警察，你可以做。。。和平