em 中的 Javascript : getting the display width of text string in a pre container,

Question

在容器中添加非等宽字体、制表符空间等...

那么如何导出要在容器中显示的文本字符串的宽度...以 em(而不是 px)为单位。

这在经常更改字体的设备/网站上很有用。因此，无需在每次重新调整尺寸时“重新绘制”尺寸(使用插入、测量、移除)方法。其中一些没有事件触发/观察。

到目前为止手动使用 em 工作......问题是让它自动化。甚至 jQuery.width() 也以像素为单位返回结果。

Answer 1

您可以将 px 转换为 em。记住公式:

var em = px / fontSize;

因此，如果您有一个 pre 元素，其 font-size 设置为 1em，通常为 16px，而你的 px 宽度是 800px，那么你的 em 宽度是 800/16 或 50em。希望有所帮助。如果您觉得有用，请为我的答案投票。