问题标签 [em]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - 在 CSS 中使用 em 代替 % 有什么好处？
我理解使用em来支持像素和点等静态测量的优势，但为什么大多数 CSS 人员（SO 除外）更喜欢使用em而不是 % 值？
css - 基于 em 的布局有问题
我正在尝试使用 css 构建布局，其中所有尺寸都在 em 中指定。我的印象是，这将允许页面以不同的字体大小/缩放级别以相同的方式显示。但是，我注意到随着大小/缩放的变化，文本的换行方式有所不同。
例如，在这个 jsfiddle中，文本以我的原生缩放和 1em 字体大小显示在一行上，但以 2em 字体大小换行。由于容器的宽度以 em 为单位，因此我希望它能够一致地换行/不换行，因此应该与字体大小成比例地增加。
我做错了什么，还是我只是误解了 em 测量的用途？
html - H2转换不起作用
我正在尝试转换元素。字体大小转换工作正常，但边距转换效果不佳。
这是我的尝试：
相比：
如您所见，在浏览器中查看时，H2 和 .box 文本具有相同的字体大小。
这是不正确的，应该是 24px。我犯了什么错误？
css - 在 CSS 的 font-size 属性中使用小数 em
比如说，我定义了以下 CSS 规则：
我的问题是，在为实际上支持它的浏览器指定 'em's 并为 em 值的小部分变化以不同方式呈现字体大小的同时，我可以去多“深入”到分数？
font-size - 在 css 中使用“em”对我有什么帮助？
我听说建议使用“em”作为字体大小。我试过了，但我真的看不出它有什么好处。事实上，我所有的同事都很困惑。
我在互联网上读过几篇关于 %、em 和 px 的文章。他们都建议他们，但我真的不明白。是的，我可以使用 em 一次更改所有字体大小……是这样吗？
我已经尝试了几部智能手机，它们都毫无问题地显示“px”...
有人请指导我！
谢谢
css - 使用 em 调整大小时图像丢失
我的模板遇到了一个对我来说似乎很奇怪的问题：当我使用 ems 定义图像高度/宽度时，它不会显示，而使用像素设置图像大小效果很好。使用 em 定义填充和边距也无效。查看页面源代码显示图像在那里；就像浏览器正在渲染0em图像一样的任何值。(h2 p)有趣的是，使用 em对其他类型的元素进行边距和填充也有效。我已经做了相当多的测试以将问题缩小到 em 单元，但我不能确定。
无论我将 CSS 内联还是放在链接样式表中，都会发生这种情况。它发生在 IE 和 Firefox 中。我正在使用内容管理系统 (Joomla)，当我切换到不同的模板时，使用 ems 设置图像大小可以正常工作。
CSS 或其他地方是否有任何已知的冲突会使图像在其大小由 em 定义时消失？
html - 使用 em 单位的背景图像大小应该在缩放时在 safari 中调整图像大小？
在此链接中，当我放大/缩小时，我看到图像在 safari 中重新调整大小，因为图像的大小由 em-s 给出。现在背景图像呢。我有一个设计，当我放大/缩小时，背景图像的大小保持不变，但是背景是它的 div 可以灵活地改变它的大小。
css - 使用 em 进行布局会导致不同浏览器之间的不一致
我正在尝试使用弹性布局构建网站。我使用了 Eric Meyer 的 CSS 重置，也用于body {font-size:62.5%}我的样式表。
编辑：这是我的 HTML 结构和 CSS
<html>
<head>
</head>
<body>
<div id="container">
<div id="gallery">
</div>
<div id="other">
</div>
</div>
<div id="footer">
</div>
</body>
</html>
` html {bacgroound:url() 无重复顶部中心固定；}
`
如您所见，如果我为 设置固定宽度body，则backgroundfor#other和#footer保持固定。width所以我试图通过设置to100%和 usingmargin: 0 8em 0 8em来让画廊和 and 的内容居中#other来绕过它#footer。
我试图实现的布局基本上是一个包含图片库的单列布局。整个画廊应该在页面中居中。我已经用于em定义margin，这会在不同的浏览器中导致不同的结果。如果画廊在一个浏览器中居中，其他浏览器会显示不同的结果。我尝试过 Firefox、Chrome 和 IE9。
有没有办法使用em作为测量单位来产生相同的布局？或者我应该尝试固定布局并使用px而不是em？
css - CSS中的em和en有什么区别
我正在使用一些（有问题和奇怪的）css，我想知道 en 和 em 在确定 size 时有什么区别font-size:12en; height:3em;。
css - CSS3 首字下沉错误地定位在 IE9 中并带有 em 填充
这是一个比其他任何问题都更有趣的问题，因为我已经设法解决了它，但不是我觉得完全令人满意的解决方案。我宁愿知道为什么会出现问题以更好地理解它。
我有几个使用 CSS3 伪选择器在第一个字母上使用首字母下沉的段落。这在 FF、Opera 和 Safari 中显示良好，但在 IE9 中显示不佳。问题是我使用 em 单位作为填充来定位字母。如果我将这些更改为 px，则该字母在所有浏览器中都可以正常显示；但我不乐意在我的文本中混合 px 和 em。我认为这与 IE9 如何呈现 em 单位有关。
我在这里做了一个jsfiddle：http: //jsfiddle.net/C5zsv/
HTML：
CSS：
感谢您的任何见解！:)
BRgds