CSS重置后，兩個元素上的相同樣式不同（僅適用於IE）

Question

在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>

Answer 1

http://jsfiddle.net/utwSv/

您應該養成給字體指定百分比大小的習慣，特別是在使用CSS重置（以百分比設置字體大小）之后。

在上面的示例中，如果我為子元素設置了120％的字體大小，那么對我來說還可以。 但是之后，我還更改了h1標簽的大小。 如果我使用固定的字體大小（以像素為單位），則子元素仍顯示較小的字體。 相反，如果我將其設置為百分比值，它將正確顯示。

注意我還包括CSS字體的YUI重置。

CSS重置后，兩個元素上的相同樣式不同（僅適用於IE）

問題描述

1 個解決方案

解決方案1
1 2011-08-03 21:02:14

CSS重置后，兩個元素上的相同樣式不同（僅適用於IE）

問題描述

1 個解決方案

解決方案1 1 2011-08-03 21:02:14

解決方案1
1 2011-08-03 21:02:14