使用 em 调整大小时图像丢失

Question

我的模板遇到了一个对我来说似乎很奇怪的问题：当我使用 em 定义图像高度/宽度时，它不会显示，而使用像素设置图像大小效果很好。使用 em 定义填充和边距也无效。查看页面源代码显示图像在那里；就像浏览器将任何值呈现为图像的0em。有趣的是，使用 ems 对其他类型元素 (h2 p) 的边距和填充有效。我已经进行了大量测试以将问题缩小到 em 单元，但我不能确定。

无论我将 CSS 内联还是放在链接样式表中，都会发生这种情况。它发生在 IE 和 Firefox 中。我正在使用内容管理系统 (Joomla)，当我切换到不同的模板时，使用 ems 设置图像大小可以正常工作。

在 CSS 或其他地方是否有任何已知的冲突会使图像在其大小由 ems 定义时消失？

Answer 1

因为您使用的是Joomla，并且您说更改模板时问题已解决，我很确定是模板样式不允许您使用ems。

如果您使用的是 firefox 或 chrome，您可以使用 firebug 检查源代码（http://getfirebug.com/ -> 右键单击​​，检查元素）以查看应用于图像/边距/填充的样式。

如果您不想更改模板的样式，可以在宽度和高度行中添加!important 规则（仅当您不想接触原始文件时）。无论该规则出现在 CSS 文档中的什么位置，都将始终应用具有 !important 属性的规则。祝你好运！