Одинаковые стили для двух элементов различаются после сброса CSS (только для IE) - PullRequest
Новая
       1

Одинаковые стили для двух элементов различаются после сброса CSS (только для IE)

1 голос
/ 04 августа 2011

Событие после сброса 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>

1 Ответ

1 голос
/ 04 августа 2011

http://jsfiddle.net/utwSv/

Вы должны привыкнуть давать процентные размеры шрифтов, особенно после использования сброса CSS, который устанавливает размер шрифтов в процентах.

В приведенном выше примере это работаетхорошо для меня, если я установил размер шрифта 120% для подэлементов.Но после этого я также изменил размер тегов h1.Если я использую фиксированный размер шрифта в пикселях, подэлемент по-прежнему представляет меньший шрифт.Вместо этого, если я установлю его в процентном значении, оно будет отображаться правильно.

Примечание. Я также включил сброс YUI для шрифтов CSS.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...