我一直在为缺少 IE 和 Mozilla 调整属性大小而烦恼。为了以简单的方式解决这个问题，我将一些内联 CSS 样式放入我的图像中，以将宽度设置为我想要的。然而，今天我在我的程序员做了一些更新但出了点问题后检查了我的网站.....有人可以帮助我解决这些图像问题吗？
在 Chrome 中查看http://www.fishingreports.com，然后在 IE/Mozilla 中查看
....甚至页脚中的徽标都有
<img src="/media/images/logo_gray.png" width="180px" alt="fishing reports">
作为代码，但图像仍然不服从.....
查看您站点的 CSS 验证器输出，尤其是第 368 行的错误：
解析错误 ;' 文本对齐：居中；边距：1em 0；填充：1em 0；边框：实心#2b4130；边框宽度：1px 0；text-align: center;} .single article h2, .single article h3 { font-family: Headline,'Helvetica Bold','Arial Black',sans-serif; 字体大小：2em；颜色：#2b4130；边距：0.5em 0;}
查找相关行它说：
.single article blockquote { font-style: italic; font-weight: bold;' text-align: center; margin: 1em 0; padding: 1em 0; border: solid #2b4130; border-width: 1px 0; text-align: center;}
之后有一个杂散的撇号bold;，导致文件的整个其余部分被 Firefox 和 IE 视为字符串。限制img元素大小的规则和页脚规则在其下方，因此被忽略。Chrome 显然设法进行了一些垃圾检查，以便能够在下一行恢复解析。
修复撇号，您将看到您的样式再次正确应用。
作为旁注 -!important你的 CSS 中的声明数量是荒谬的，并且使可预测的跨浏览器呈现完全混乱。您应该考虑从那里剥离所有 !important实例，只重新添加实际需要的实例。始终牢记，对于使用正常规则特异性!important没有更好解决方案的问题，这是最后的解决方案。