jquery - 如何使 jquery-ui 按钮对于不同的浏览器具有相同的大小

Question

我有如下按钮的 jquery ui 代码。我希望这一系列按钮适合相同的尺寸（810 像素）。它们在 Firefox 和 chrome 中显示为相同大小，但在 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 系统主要使用em大小调整，因此字体大小、边距、填充等基于默认的字体大小