问题标签 [em]

代码也在这里：http: //jsfiddle.net/wMfMT/5/

这个简单的 html 块：

这个CSS：

在 Firefox 上正确呈现（每个单词的大小不同），但在 Chrome 上不正确（第五和第四个大小相同）。首先我认为这是一个 css 问题，但后来我检查了 html，结果发现 Chrome 将其呈现如下：

我的问题是：

1. 我的 html 是否正确（按照标准嵌套 em-s 可以吗？）
2. 如果是，那么有解决方法吗？*
3. 这是一个已知的错误，如果不是，我应该在哪里报告？

*) 我在 WordPress 插件中有这段代码，许多人通过添加自己的 css 来定制它，所以从 em 更改为 span 或其他任何东西都会破坏他们的网站。我正在寻找一种无需更改 css 的解决方法

在以下位置添加错误报告：http ://code.google.com/p/chromium/issues/detail?id=126096

在 CSS 中，anem是基于文档字体大小的相对单位。那么，如果文档本身em的字体大小以 em 为单位衡量，那么究竟是什么？假设我们说：

因此，em现在递归地定义了 an。那么浏览器是如何处理的呢？

W3C 文档说：

'em' 单位等于使用它的元素的 'font-size' 属性的计算值。例外情况是 'em' 出现在 'font-size' 属性本身的值中，在这种情况下，它指的是父元素的字体大小。它可用于垂直或水平测量。（这个单位有时也被称为印刷文本中的四边形。）

但是如果元素是document.body，那么没有父元素呢？

在处理多种分辨率时，基于“em”的方法似乎是编写 css 文件的好方法。但是，如果您说两种分辨率 480x800 和 540x960 ，那么宽度比（ 540/480 = 112.5% ）与高度比（ 960/800 = 120% ）不同。

所以，如果我有一个 em 字体大小 = 112.5% 用于从较低分辨率移动到较高分辨率，宽度似乎与新分辨率完美对齐，但高度（预计字体大小为 120%）似乎不足，因此有一个白色渲染页面的所有元素后在底部创建的空白区域。

这个问题的任何解决方案都会有很大的帮助！

我有这个菜单；http://fhemmel.host56.com/stack/ 我希望它在我调整窗口大小时放大和缩小，但仍然可以正确显示 % 和 EM。我试图修复 x 和 y 位置以及基本位置以使其出现，但我无法让它出现。

任何人？

我正在创建一个网站，我希望它也为移动浏览器做好准备。理论上，使用 em 代替 px 将允许布局更容易地根据用户偏好调整大小。但如今，据我了解，现代浏览器可以调整 px 布局和 em 布局的大小，因此它可能不像几年前那样相关。

但是，移动浏览器呢？移动设备如何更好地使用其中一种？

如果您能帮我解答这个问题，我将不胜感激！

干杯。

假设我想为大小为 33 像素的文本添加阴影。我更喜欢阴影的单位是 em，因为我希望在浏览器缩放页面时缩放阴影。

我希望我的阴影模糊度为 2px。所以我的 em 值为 2/33 =0.0606 em。所以，

但是有一个问题！值 0.0606 不准确（2/33 重复出现） 0.0303 小于实际值。Mozilla 将 em 值四舍五入到更高的 px 值。在这种情况下，它将保持 2px。但 Chrome 将其四舍五入。所以在这种情况下，它只是1px。

现在我想摆脱一个糟糕的分歧。我如何？

我知道“em”度量是字体大小的相对单位，如果它是在像 px 这样的绝对单位中指定的，则相对于包含元素的字体大小，或者相对于浏览器中的默认字体大小。

但我试图了解如何使用 em 作为盒子元素（如 div）的边框半径的测量值。我假设它与如何使用 em 作为盒子宽度或高度的测量值有关。

它仍然与字体大小有关吗？具体是如何测量的？我能够找到的关于如何计算边界半径的解释似乎都是基于 px 单位。

这是我第一次尝试在“em”测量中制作完整的网页布局。我正在构建一个实时预览降价编辑器。

此页面在 Firefox 和 chrome 中完美运行，但在 IE（我有 IE9）和 Opera（昨晚更新）中，文本区域明显超出了边界。在 Opera 中，textarea 的边框也没有显示圆角。（文本区域显示圆角但不显示其边框）

这是 textarea 的 css

这是html片段

我在正文中设置了“字体：100%”。 如果您需要检查它，这是演示的链接。

有点新手，并试图找出一些可能很简单的东西：

我正在尝试“堆叠”一些文本，但在大词中插入了一个小词，如下所示：

这

是一个

重要的

句子

因此，我将 HTML 布局在其自己的类中，并带有正文，字体大小为 8em，中间有一个跨度用于较小的单词。

在 CSS 中，我为“重要”设置了一个类：

...它就在那里，看起来很棒，但是行高似乎没有占用。“important”这个词的大小是 0.5em，但 line-height 和其他词一样高，导致 IS AN 之后和“important”之前有一个巨大的空间。

我已经尝试过在跨度内外都使用 br，在“重要”的两侧，比如

...但我似乎无法获得线高。我究竟做错了什么？

我正在开发自适应网站，并在 em 值中制作了所有内容。尽管如此，我在解释 em 方面与 Chrome 和 Mozilla 之间存在差异。网站是 dev.morodeer.ru/stroymoidom ，问题出在带有图标的金属条上。在大约 670 像素的宽度上，Chrome 中的所有内容都很棒，但是 Mozilla 削减了右边缘（因为居中包装的宽度设置为 90%）。此外，在相同宽度的浏览器下，Mozilla 中的金属条更小，这让我想到，Mozilla 计算的字体大小更小。

感谢您可能的回复。