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

【问题标题】：How to make jquery-ui buttons have same size for different browser如何使 jquery-ui 按钮对于不同的浏览器具有相同的大小
【发布时间】：2012-09-27 21:57:14
【问题描述】：

我有如下按钮的 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>

【问题讨论】：

标签： jquery jquery-ui hyperlink jquery-ui-button

【解决方案1】：

在您的页面上加载任何其他 css 文件之前使用 css 重置以标准化浏览器。您所看到的是不同的浏览器对字体系列和字体大小等各种属性使用不同的默认值。

jQuery UI css 系统主要使用em 大小，因此字体大小、边距、填充等基于默认字体大小

【讨论】：