问题标签 [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.
html - chrome中的html em解析错误
代码也在这里:http: //jsfiddle.net/wMfMT/5/
这个简单的 html 块:
这个CSS:
在 Firefox 上正确呈现(每个单词的大小不同),但在 Chrome 上不正确(第五和第四个大小相同)。首先我认为这是一个 css 问题,但后来我检查了 html,结果发现 Chrome 将其呈现如下:
我的问题是:
- 我的 html 是否正确(按照标准嵌套 em-s 可以吗?)
- 如果是,那么有解决方法吗?*
- 这是一个已知的错误,如果不是,我应该在哪里报告?
*) 我在 WordPress 插件中有这段代码,许多人通过添加自己的 css 来定制它,所以从 em 更改为 span 或其他任何东西都会破坏他们的网站。我正在寻找一种无需更改 css 的解决方法
在以下位置添加错误报告:http ://code.google.com/p/chromium/issues/detail?id=126096
html - 如果文档的字体大小在 em 中指定,什么是“em”?
在 CSS 中,anem
是基于文档字体大小的相对单位。那么,如果文档本身em
的字体大小以 em 为单位衡量,那么究竟是什么?假设我们说:
因此,em
现在递归地定义了 an。那么浏览器是如何处理的呢?
W3C 文档说:
'em' 单位等于使用它的元素的 'font-size' 属性的计算值。例外情况是 'em' 出现在 'font-size' 属性本身的值中,在这种情况下,它指的是父元素的字体大小。它可用于垂直或水平测量。(这个单位有时也被称为印刷文本中的四边形。)
但是如果元素是document.body
,那么没有父元素呢?
css - 基于“em”的非比例宽度和高度的 css
在处理多种分辨率时,基于“em”的方法似乎是编写 css 文件的好方法。但是,如果您说两种分辨率 480x800 和 540x960 ,那么宽度比( 540/480 = 112.5% )与高度比( 960/800 = 120% )不同。
所以,如果我有一个 em 字体大小 = 112.5% 用于从较低分辨率移动到较高分辨率,宽度似乎与新分辨率完美对齐,但高度(预计字体大小为 120%)似乎不足,因此有一个白色渲染页面的所有元素后在底部创建的空白区域。
这个问题的任何解决方案都会有很大的帮助!
css - 带有背景图像的 CSS 菜单。如何使用 % 和 EM 正确地放大和缩小
我有这个菜单;http://fhemmel.host56.com/stack/ 我希望它在我调整窗口大小时放大和缩小,但仍然可以正确显示 % 和 EM。我试图修复 x 和 y 位置以及基本位置以使其出现,但我无法让它出现。
任何人?
css - 为移动设备创建网站时是 px 还是 em?
我正在创建一个网站,我希望它也为移动浏览器做好准备。理论上,使用 em 代替 px 将允许布局更容易地根据用户偏好调整大小。但如今,据我了解,现代浏览器可以调整 px 布局和 em 布局的大小,因此它可能不像几年前那样相关。
但是,移动浏览器呢?移动设备如何更好地使用其中一种?
如果您能帮我解答这个问题,我将不胜感激!
干杯。
css - chrome和mozilla中的css文本阴影差异
假设我想为大小为 33 像素的文本添加阴影。我更喜欢阴影的单位是 em,因为我希望在浏览器缩放页面时缩放阴影。
我希望我的阴影模糊度为 2px。所以我的 em 值为 2/33 =0.0606 em。所以,
但是有一个问题!值 0.0606 不准确(2/33 重复出现) 0.0303 小于实际值。Mozilla 将 em 值四舍五入到更高的 px 值。在这种情况下,它将保持 2px。但 Chrome 将其四舍五入。所以在这种情况下,它只是1px。
现在我想摆脱一个糟糕的分歧。我如何?
css - CSS em 测量如何用于高度或边框半径测量?
我知道“em”度量是字体大小的相对单位,如果它是在像 px 这样的绝对单位中指定的,则相对于包含元素的字体大小,或者相对于浏览器中的默认字体大小。
但我试图了解如何使用 em 作为盒子元素(如 div)的边框半径的测量值。我假设它与如何使用 em 作为盒子宽度或高度的测量值有关。
它仍然与字体大小有关吗?具体是如何测量的?我能够找到的关于如何计算边界半径的解释似乎都是基于 px 单位。
css - 带有 em 的文本区域在 IE 和 Opera 中不起作用
这是我第一次尝试在“em”测量中制作完整的网页布局。我正在构建一个实时预览降价编辑器。
此页面在 Firefox 和 chrome 中完美运行,但在 IE(我有 IE9)和 Opera(昨晚更新)中,文本区域明显超出了边界。在 Opera 中,textarea 的边框也没有显示圆角。(文本区域显示圆角但不显示其边框)
这是 textarea 的 css
这是html片段
我在正文中设置了“字体:100%”。 如果您需要检查它,这是演示的链接。
css - 调整堆叠文本中不同 em 的行高?
有点新手,并试图找出一些可能很简单的东西:
我正在尝试“堆叠”一些文本,但在大词中插入了一个小词,如下所示:
这
是一个
重要的
句子
因此,我将 HTML 布局在其自己的类中,并带有正文,字体大小为 8em,中间有一个跨度用于较小的单词。
在 CSS 中,我为“重要”设置了一个类:
...它就在那里,看起来很棒,但是行高似乎没有占用。“important”这个词的大小是 0.5em,但 line-height 和其他词一样高,导致 IS AN 之后和“important”之前有一个巨大的空间。
我已经尝试过在跨度内外都使用 br,在“重要”的两侧,比如
...但我似乎无法获得线高。我究竟做错了什么?
css - Mozilla:对 em 值的错误解释
我正在开发自适应网站,并在 em 值中制作了所有内容。尽管如此,我在解释 em 方面与 Chrome 和 Mozilla 之间存在差异。网站是 dev.morodeer.ru/stroymoidom ,问题出在带有图标的金属条上。在大约 670 像素的宽度上,Chrome 中的所有内容都很棒,但是 Mozilla 削减了右边缘(因为居中包装的宽度设置为 90%)。此外,在相同宽度的浏览器下,Mozilla 中的金属条更小,这让我想到,Mozilla 计算的字体大小更小。
感谢您可能的回复。