Html Internet Explorer中图像的大小调整问题

Html Internet Explorer中图像的大小调整问题,html,css,image,google-chrome,internet-explorer-11,Html,Css,Image,Google Chrome,Internet Explorer 11,我是第一次创建一个网站,在Internet Explorer中显示我的页面时遇到了一个问题。该页面应该有一个横幅与我们的赞助商的标志作为链接到赞助商的网站。它在Chrome中工作,显示如下 ,这是一个网页,带有小而大小合理的徽标图像。但在IE(版本11)中,它看起来像一个网页,我甚至看不到整个徽标,因为它太大了。有人能看看我的代码并告诉我要修改什么吗(最好是用简单的语言,因为我是初学者)?谢谢大家! LTP |主页 谢谢赞助商 谢谢赞助商 在chrome之外的其他浏览器中运行东西可能有点棘手

我是第一次创建一个网站,在Internet Explorer中显示我的页面时遇到了一个问题。该页面应该有一个横幅与我们的赞助商的标志作为链接到赞助商的网站。它在Chrome中工作,显示如下 ,这是一个网页,带有小而大小合理的徽标图像。但在IE(版本11)中,它看起来像一个网页,我甚至看不到整个徽标,因为它太大了。有人能看看我的代码并告诉我要修改什么吗(最好是用简单的语言,因为我是初学者)?谢谢大家!


LTP |主页
谢谢赞助商
谢谢赞助商

在chrome之外的其他浏览器中运行东西可能有点棘手。如果你还没有,我建议你去看看这个网站。我最好的建议是先使用谷歌浏览器,然后再使用其他浏览器。Google Chrome非常容易使用,无需为其浏览器做任何额外的工作。

要在Chrome之外的其他浏览器中工作可能有点棘手。如果你还没有,我建议你去看看这个网站。我最好的建议是先使用谷歌浏览器,然后再使用其他浏览器。Google Chrome非常容易使用,无需为其浏览器做任何额外的事情。

设置图像
高度和
宽度将起作用

.sponsors img{
   width: 150px;
   height: 150px;
   display: inline-block;
}

设置图像
高度
宽度
将起作用

.sponsors img{
   width: 150px;
   height: 150px;
   display: inline-block;
}

IE11很挑剔。。用倒逗号括起来:
width=40%
width=100%
,也就是说,它们应该分别是
width=“40%”
,所以
rowspan=“2”
在IE11中不起作用,请看这篇关于如何修复它的文章:它是否包含任何其他CSS样式?我已经创建了一个使用上述代码和我的图像,结果的样本。那么,您是否可以发布足够的代码(包括图像)来重现中的问题。此外,您还可以尝试设置img元素的宽度和高度属性。@ZhiLv MSFT我已经用完整的CSS更新了这篇文章。即使我只运行之前发布的内容,结果也是一样的。IE11仍然会导致奇怪的格式完整的类样式还包含style.css文件内容?图像的大小是多少?尝试为img元素设置width和height属性,如下所示:`.img{width:100px!important;height:100px!important;}`。你也可以使用F12开发工具来检查它。IE11很挑剔。。用倒逗号括起来:
width=40%
width=100%
,也就是说,它们应该分别是
width=“40%”
,所以
rowspan=“2”
在IE11中不起作用,请看这篇关于如何修复它的文章:它是否包含任何其他CSS样式?我已经创建了一个使用上述代码和我的图像,结果的样本。那么,您是否可以发布足够的代码(包括图像)来重现中的问题。此外,您还可以尝试设置img元素的宽度和高度属性。@ZhiLv MSFT我已经用完整的CSS更新了这篇文章。即使我只运行之前发布的内容,结果也是一样的。IE11仍然会导致奇怪的格式完整的类样式还包含style.css文件内容?图像的大小是多少?尝试为img元素设置width和height属性,如下所示:`.img{width:100px!important;height:100px!important;}`。您还可以使用F12开发人员工具来检查它。