html - 如何固定元素 p 的大小

Question

我在一个类似于 powerpoint 的 html/js 应用程序中工作，所以这些应用程序让你创建 slider 并在任何类型的屏幕上显示它们(它们是大屏幕但像素不多，例如一个屏幕制作 128x90 [ px], 屏幕尺寸为 2x1 [米])

在创建过程中，人们可以选择不同的 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>

在创建者部分，我得到的是“p”的大小这个“SOMEx12px”，但最终结果我得到“SOMEx12.66px”

而且因为我使用的像素不多，所以 0.66 像素的变化是可见的(我有其他元素，所以更多的是其他造成问题的小差异的总和)。

所以我的问题是如何解决这个问题，我验证了 css，但我找不到任何奇怪的东西。

为了测试它，我使用相同的浏览器创建 slider 并查看它，屏幕也有相同的浏览器。

Answer 1

您是否尝试过使用 Normalize.css 文件？浏览器有时会添加您不需要的部分代码，例如 p{font-size:110%} 或 spam{font-size:110%} 也可能是在您的规范化部分内。