Internet Explorer 中的样式错误答案

【问题标题】：Styling bug in Internet ExplorerInternet Explorer 中的样式错误
【发布时间】：2015-03-24 09:21:17
【问题描述】：

我正在使用 WordPress 创建一个网站，但 IE 在左上角正确显示徽标时遇到问题。这是该站点：http://lindseybakermedia.com/design/GPI/ 它在 Chrome、Firefox 和 Safari 中运行良好，但看起来 IE 似乎忽略了使徽标适合标题的任何规则。不幸的是，我使用的是 WordPress 主题，所以我没有要发布的 HTML 或 CSS，但我想我会问一下，以防万一有人知道我该如何解决这个问题。谢谢！

【问题讨论】：

如果您没有对 css/html 的“访问”权限，那么您打算如何解决它？ <img> 周围的<a> 标签需要设置height/width 以及display:block。从<img> 中删除inline-style: width:70%; 即可。你可以在IE浏览器的inspect element编辑这个
@rob-scott 我可以通过子主题添加样式，但无法访问原始 html 或 css。我不得不将:first-child 添加到<a> 中，但这很好用！谢谢。

标签： css wordpress internet-explorer

【解决方案1】：

我建议你添加规则

.logo a img {
min-width:100% !important; 
max-width:100% !important;  
height:auto; 
}

在您的徽标标签中，在 style.css 第 80 行（ish）中。您需要在 .logo a CSS 规则中设置您想要的图像大小，但请先尝试上述操作，看看是否需要将其添加为附加规范。

这将强制图像采用容器元素（锚点）的大小和形状。

你的图片应该有一个 height 和 width 属性，即使它们会被 CSS 覆盖。

并从 <img> 元素中删除内联样式 width:70% 。

【讨论】：