Html CSS重置后,两个元素上的相同样式不同(仅限IE)
事件在CSS重置之后,我发现IE显然在SUP标签上附加了一些默认样式。在下面的示例中,SUP标记仍然略小于已设置样式的SPAN标记。有人知道这有什么好办法吗Html CSS重置后,两个元素上的相同样式不同(仅限IE),html,css,internet-explorer,Html,Css,Internet Explorer,事件在CSS重置之后,我发现IE显然在SUP标签上附加了一些默认样式。在下面的示例中,SUP标记仍然略小于已设置样式的SPAN标记。有人知道这有什么好办法吗 <!doctype html> <html> <head> <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.3.0/build/cssreset/reset-min.css"/&g
<!doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.3.0/build/cssreset/reset-min.css"/>
<style type="text/css">
sup { font-size: 16px; vertical-align: super; }
.trademark { font-size: 16px; vertical-align: super; }
</style>
</head>
<body>
<h1>This is a <sup>®</sup> test</h1>
<h1>This is a <span class="trademark">®</span> test</h1>
</body>
</html>
sup{字体大小:16px;垂直对齐:super;}
.商标{字体大小:16px;垂直对齐:超级;}
这是一个®测试
这是一个®测试
你应该养成给字体指定百分比大小的习惯,特别是在使用CSS重置设置字体大小百分比后
在上面的例子中,如果我为子元素设置120%的字体大小,它对我来说是正常的。但在那之后,我也改变了h1标签的大小。如果我使用固定的字体大小(以像素为单位),子元素仍然显示较小的字体。相反,如果我将其设置为百分比值,它将正确显示
注:我还包括CSS字体的YUI重置。
你应该养成给字体指定百分比大小的习惯,特别是在使用CSS重置设置字体大小百分比后
在上面的例子中,如果我为子元素设置120%的字体大小,它对我来说是正常的。但在那之后,我也改变了h1标签的大小。如果我使用固定的字体大小(以像素为单位),子元素仍然显示较小的字体。相反,如果我将其设置为百分比值,它将正确显示
注意,我还包括了CSS字体的YUI重置。这与我最近在这里看到的一个问题非常相似——这与我最近在这里看到的一个问题非常相似——用Chrome检查你的链接,它们现在大小不同了。然而,我可以在一个IE专用表中使用这个。你知道CrossBrowser的替代品吗?用Chrome检查你的链接,它们现在大小不同了。然而,我可以在一个IE专用表中使用这个。你知道有没有其他的选择?