jquery-ui - JQUERY UI：为什么我的图标和按钮比示例中显示的大得多？

Question

当我尝试复制此处找到的示例http://jqueryui.com/button/#icons时，我似乎无法使按钮的大小与示例显示的大小相同。即使我将示例文本直接粘贴到记事本中并保存为 .html 并在 IE 中打开，字体仍然很大。我按 F12 并且都说他们的字体大小为“1.1em”，但我没有看到任何“继承”的大小可以作为乘数。

这不应该只是使用 ASP.NET MVC 4 附带的 jquery 默认值的正确大小吗？

Answer 1

在演示页面中，下面的样式负责减小文本的大小。

body {
font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
font-size: 62.5%;
}

它位于http://jqueryui.com/resources/demos/style.css中，在演示和示例代码中都称为本地文件 (/resources/demos/style.css)。由于您在本地没有可用的文件，因此不使用它；您需要将完整的 URL 放入或下载并将其放置在适当的文件夹中。