为什么 jquery 的 ui.css 文件的字体大小比正常大？答案

【问题标题】：why jquery's ui.css files's font-sizes are bigger than normal?为什么 jquery 的 ui.css 文件的字体大小比正常大？
【发布时间】：2011-01-23 06:59:49
【问题描述】：

我正在查看 jqueries 选项卡、日期选择器等，并看到添加到元素的类的字体大小类似于 1.1em，1em 在页面中看起来很大。他们为什么这样做？目的是什么？ http://jquery-ui.googlecode.com/svn/tags/latest/themes/base/jquery.ui.theme.css

【问题讨论】：

【解决方案1】：

em 是一个相对大小，取决于 dom 树上的下一个固定字体大小。当没有固定字体大小时，默认为 16px。

所以当你像这样改变你自己的css时

body {
    font-size: 12px;
}

1em 表示 12px，2em 表示 24px，依此类推。

【讨论】：

问题：为什么有些小部件将自己放置在 DOM 末尾的 body 标记中？这样我需要更改正文的字体大小，这意味着要更改我网站周围的所有内容。将自身定位在绑定元素的父级内部不是更简单吗（即，如果jQuery('#bla').datepicker() 它应该将自身定位在jQuery('#bla').parent() 中。我意识到你不是要问的人，但我想你可能有对此有一些见解。ems 是愚蠢的顺便说一句:)
@EduardLuca 我只能猜测jQueryUI团队为什么选择这样做，但我认为主要是为了防止继承父元素的CSS属性导致显示问题。
有道理，但我也会从主题中删除 em 单元（我知道你可以构建自己的，我只是懒惰并认为有一个快速修复它）。谢谢你！

【解决方案2】：

我通常这样在我的css中设置类ui-widget

.ui-widget {
    font-size:80%;
}

【讨论】：

【解决方案3】：

.ui-widget {
    font-size:75% !important;
}

该代码将覆盖默认字体大小。请注意!important 属性以确保它有效。

【讨论】：

【解决方案4】：

这是某人确定的默认样式，您可以通过using ThemeRoller 随意更改它。只需在左侧的字体设置下进行调整即可。

【讨论】：