css - 如何获得与 JQuery UI 网站本身相似的风格

Question

我使用 jQuery UI 和“平滑默认”CSS 主题。但是，与 jQuery UI 网站相比，我的网站中的所有内容看起来都更大。例如，这里的按钮：http: //jqueryui.com/button/

在我的网站中，它们看起来更大，填充更多，字体更大。你知道我可以如何模仿 jQuery UI 网站吗？

Answer 1

如果您使用浏览器的 Web 检查器检查 jQuery UI 网站，您可以看到在<iframe>包含您提到的按钮中，应用了以下 CSS：

body {
    font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif";
    /* This is making the text smaller */
    font-size: 62.5%;
}

换句话说，他们修改了 CSS font-size属性以使文本显示更小。