Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html CSS重置后,两个元素上的相同样式不同(仅限IE)_Html_Css_Internet Explorer - Fatal编程技术网

Html CSS重置后,两个元素上的相同样式不同(仅限IE)

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

事件在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"/>
        <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专用表中使用这个。你知道有没有其他的选择?