尝试使用“Eric Meyer Reset”时,我遇到了一个问题,涉及到
似乎这只是IE用于欺骗Web设计师的另一个实现技巧,因为这些元素存在不止一个故障。我的猜测是IE对
当在标签及其所有子元素上设置固定大小(例如
font-size:100%
声明来重置所有适当元素的字体大小。 font-size:100%
意味着元素应该继承其父级的font-size
属性,但是在IE(测试了6,7,8和9版本)中,<sub>
和<sup>
元素及其后代并非如此。
例如(或在游乐场上进行实时演示):
// CSS:
sup,span {font-size:100%;}
// HTML:
if you try this in IE, <sup>this text will be smaller <span>and this even more</span></sup>
似乎这只是IE用于欺骗Web设计师的另一个实现技巧,因为这些元素存在不止一个故障。我的猜测是IE对
<sub>
和<sup>
元素应用了一些自己的硬编码样式,使它们的内容变小,除了上下标之外,但我找不到重置此行为的方法(如果有的话)。//请直接回答此问题,像“使用特定于UA的样式表”之类的建议可能会满足您的帮助感,但不能满足主题:-) ..编辑:好吧,这个请求最终变成了反对我,但我至少想在这里陈述这个主题的一个答案。编辑:看起来IE(所有版本直到IE9)将<sub>
和<sup>
及其后代的字体大小与某些可变系数相乘(取决于字体大小,在0.6-0.8之间)。当在标签及其所有子元素上设置固定大小(例如
font-size:15px
)时,它们的字体大小都约为10px(≅0.7×15px)。但是,当设置相对大小(例如font-size:100%
)时,系数效应从元素传播到其后代 - 因此,第一级后代的字体大小约为70%(≅父亲 <sup>
的0.7×100%),第二级后代的字体大小约为50%(≅0.7 × 0.7 × 100%其<sup>
祖先),依此类推。当使用font-size:inherit
时,这种传播会中断,因为它意味着元素的大小应与其父元素完全相同 - 这适用于元素的后代,但 IE仍然会给元素比其父元素更小的字体大小。
IE浏览器中涉及系数理论的内容可以在this example上看到。同时,与任何“标准兼容”的浏览器进行比较。
!important
,然后它才能正常工作。谢谢! - Camilo Martin