jquery-ui 버튼을 다른 브라우저에서 같은 크기로 만드는 방법

Question

다음과 같이 jquery UI 코드가 있습니다. 이러한 일련의 단추를 같은 크기 (810px)로 맞추기를 원합니다. 파이어 폭스와 크롬은 같은 크기로 보이지만 IE에서는 더 작아 보입니다. 글꼴 크기를 변경하고 너비가 고정되어 있지만 문제가 해결되지 않습니다. 누구나 그것을 고칠 줄 알아? 고맙습니다.

<script> 
    $(function() { 
     $("#link").buttonset(); 

    }); 
</script> 
<style> 
#link{ 
    font-size: .74em !important; 
    width: 810px; 
    border: 1px solid #333; 
} 
</style> 

<div id="link"> 
<a href="abc.php">ABC</a> 
     <a href="efg.php" target="content">EFG</a> 
</div> 

Answer 1

브라우저를 표준화하기 위해 페이지에 다른 CSS 파일을로드하기 전에 CSS 재설정을 사용하십시오. 당신이보고있는 것은 다른 브라우저가 글꼴 패밀리와 글꼴 크기와 같은 다양한 속성에 대해 다른 기본값을 사용한다는 것입니다.

는 jQuery를 UI CSS의 시스템은 대부분 때문에 글꼴 크기 기본값