css - Internet Explorer 中的样式错误

标签 css wordpress internet-explorer

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

最佳答案

我建议你添加规则

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

在您的 Logo 标签中,style.css 第 80 行 (ish)。 您需要在 .logo a 中设置您想要的图像尺寸。 CSS 规则,但首先尝试上面的方法,看看是否需要将其添加为附加规范。

这将强制图像采用容器元素( anchor )的大小和形状。

您的图像应该具有高度和宽度属性,即使它们会被 CSS 覆盖。

并移除内联样式width:70% , 来自 <img>元素。

关于css - Internet Explorer 中的样式错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29228861/

相关文章:

IE 和 Chrome 中的 CSSStyleDeclaration 差异

CSS 下拉菜单,可见不工作

HTML5 & CSS3 响应式网站设计边距问题

html - 仅将 css 样式设置为表格的第一行

php - 在 Woocommerce 中添加带有附加单选按钮的自定义支付网关

c# - 如何更改 Internet Explorer 中禁用的 html 控件的颜色

html - 如何让表格文字永不换行?

php - 在 WooCommerce Checkout 自定义文本字段中启用日期选择器

html - MP4 视频无法在移动设备和 Chrome 上播放?

html - ie8 if-ie block 不起作用