为啥 jquery 的 ui.css 文件的字体大小比正常大？

Posted 2023-03-06

【中文标题】为啥 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%;

【讨论】：

这对我不起作用。我必须按照@SteveWorks 在另一个答案中的建议添加!important。

【参考方案3】：

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

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

【参考方案4】：

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