Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/user-interface/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
为什么使用jquery';s ui.css文件';s的字体大小比正常的大?_Jquery_User Interface_Font Size - Fatal编程技术网

为什么使用jquery';s ui.css文件';s的字体大小比正常的大?

为什么使用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%; }

我正在查看jqueries选项卡、datepicker等,看到添加到元素中的类的字体大小像1.1em,1em在页面中看起来很大。他们为什么这样做? 目的何在?

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

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在另一个答案中建议的那样。