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

【问题标题】：HTML elements are shown bigger on my site as compared to original one?与原始元素相比，我的网站上的 HTML 元素显示得更大？
【发布时间】：2012-01-26 18:34:17
【问题描述】：

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

示例 1：

插件官网原创：

在我的网站上：

示例 2

插件官网原创：

在我的网站上：

【问题讨论】：

尝试安装 Firebug 并检查元素以查看影响它的 CSS。
我猜你需要调整 jquery ui 下载中包含的 css 文件的位置。当应用正确的 css 规则时，日期选择器的大小将与较小的版本一样。

标签： php jquery html css jquery-plugins

【解决方案1】：

jQuery UI 网站得到了

body {
   font-size: 10px
}

其他尺寸，还有 jQuery UI 对话框、日期选择器等，都有相对应的尺寸。

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

【讨论】：

是的，它现在正在工作，所有插件元素都正常。它影响了我在网站上的其他字体，但主要问题已解决。谢谢

【解决方案2】：

使用 DOM 检查器（Chrome 的 Inspect Element 工具、IE 的开发者工具、Firebug...）来查看您的元素应用了哪些样式。找出什么覆盖了什么，然后像这样修复它。

【讨论】：

【解决方案3】：

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

【讨论】：