我在一个类似于 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 并查看它,屏幕也有相同的浏览器。
最佳答案
您是否尝试过使用 Normalize.css 文件?浏览器有时会添加您不需要的部分代码,例如 p{font-size:110%}
或 spam{font-size:110%}
也可能是在您的规范化部分内。
关于html - 如何固定元素 p 的大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40127370/