为什么使用jquery';s ui.css文件';s的字体大小比正常的大?
我正在查看jqueries选项卡、datepicker等,看到添加到元素中的类的字体大小像1.1em,1em在页面中看起来很大。他们为什么这样做? 目的何在?为什么使用jquery';s ui.css文件';s的字体大小比正常的大?,jquery,user-interface,font-size,Jquery,User Interface,Font Size,我正在查看jqueries选项卡、datepicker等,看到添加到元素中的类的字体大小像1.1em,1em在页面中看起来很大。他们为什么这样做? 目的何在? 这是某人确定的默认样式,但您可以随意更改。只需在左侧的字体设置下进行调整即可。em是一个相对大小,取决于dom树上的下一个固定字体大小。当没有固定字体大小时,默认为16px 所以当你像这样改变你自己的css时 body { font-size: 12px; } .ui-widget { font-size:80%; }
这是某人确定的默认样式,但您可以随意更改。只需在左侧的字体设置下进行调整即可。em是一个相对大小,取决于dom树上的下一个固定字体大小。当没有固定字体大小时,默认为16px 所以当你像这样改变你自己的css时
body {
font-size: 12px;
}
.ui-widget {
font-size:80%;
}
1em表示12px,2em表示24px等等。我通常在css中这样设置类ui小部件
body {
font-size: 12px;
}
.ui-widget {
font-size:80%;
}
该代码将覆盖默认字体大小。请注意
!重要的
属性以确保其工作。问题:为什么一些小部件将自己放在DOM末尾的body
标记中?这样,我需要改变正文的字体大小,这意味着改变我网站周围的内容。将自己定位在绑定元素的父元素中不是更简单吗(例如,如果jQuery('#bla').datepicker()
它应该将自己定位在jQuery('#bla').parent()
。我知道你不是该问的人,但我想你可能对此有所了解。em
s是愚蠢的顺便说一句:)@EduardLuca我只能猜测jQueryUI团队选择这样做的原因,但我认为这主要是为了防止父元素继承的CSS属性导致的显示问题。这是有道理的,但我也会从主题中删除em
单元(我知道你可以自己构建,我只是很懒,认为有一个快速修复方法)。谢谢你!这对我不起作用。我不得不添加!重要信息
,正如@SteveWorks在另一个答案中建议的那样。