Question

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

在创建过程中，人们可以在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）。

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

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

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

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

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

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

Answer 1

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

如何修复元素p大小

1 个答案: