与原始HTML元素相比，我的网站上显示的HTML元素更大？

Question

我在我的网站上使用不同的jQuery插件。例如 jQuery Notice ， jQuery bloackUI 和 jQuery UI DatePicker 。但是，与具有相同配置，相同浏览器和相同分辨率的原始设备相比，我的网站上显示的所有这些都更大。我的网站有很多css文件，但我不知道是什么影响了所有这些文件的大小。任何的想法 ？感谢

示例1：

原创于Plugin官方网站：

在我的网站上：

示例2

原创于Plugin官方网站：

在我的网站上：

Answer 1

jQuery UI网站

body {
   font-size: 10px
}

其他尺寸，jQuery UI对话框，日期选择器等，都相对于那个尺寸。

只需检查：http://jsfiddle.net/6YfGc/

Answer 2

使用DOM检查器（Chrome的Inspect Element工具，IE的开发人员工具，Firebug ......）来查看正在应用于元素的样式。找出什么是压倒什么，并解决它。

Answer 3

安装类似FireBug的东西。这将允许您查看哪些CSS规则影响DOM中的不同元素。然后，您将能够将其追溯到指定样式表中的特定行。在那之后，你可以改变流氓规则，或者你可以设置一个更专业的规则，让它以你想要的方式显示。