CSS 리셋 (IE 전용) 후 두 요소의 스타일이 동일하지 않습니다.

이벤트가 CSS 재설정 후 IE에서 분명히 기본 스타일을 SUP 태그에 연결하는 것으로 나타났습니다. 다음 예에서 SUP 태그는 여전히 스타일이 지정된 SPAN 태그보다 약간 작습니다. 아무도 이것에 대한 비틀기를 알고 있습니까?CSS 리셋 (IE 전용) 후 두 요소의 스타일이 동일하지 않습니다.

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

출처

2011-08-03 Joisey Mike

특정 버전이 있습니까? – thirtydot

이것은 제가 최근에 꽤 자주 본 질문과 매우 흡사합니다 - http://stackoverflow.com/questions/6804383/relative-font-size-of-sub-or-sup-and-their-descendants-in-ie – Spudley

http://jsfiddle.net/utwSv/

당신은 expecially에 비율에 글꼴 크기를 설정하는 CSS 리셋을 사용한 후, 글꼴 비율 크기를 줄의 습관을해야한다.

위 예제에서 하위 요소에 대해 font-size를 120으로 설정하면 정상적으로 작동합니다. 그러나 그 후에도 h1 태그의 크기를 변경했습니다. 고정 된 글꼴 크기의 픽셀을 사용하는 경우 하위 요소는 여전히 작은 글꼴을 표시합니다. 대신 백분율 값으로 설정하면 올바르게 표시됩니다.

참고 CSS 글꼴의 YUI 재설정도 포함되었습니다.

출처

2011-08-03 21:02:14

Chrome에서 링크를 확인하면 크기가 달라집니다. 그러나 IE 전용 시트에서 사용할 수 있습니다. corssbrowser 대안을 알고 있습니까? –

CSS 리셋 (IE 전용) 후 두 요소의 스타일이 동일하지 않습니다.

답변

관련 문제