Question

首先：这不是我的代码，这就是为什么我不理解它的大部分内容。

我有一个在UL列表旁边显示图像的网页。根据浏览器中可用的可见宽度自动缩放此图像的大小。这个CSS / HTML代码适用于Chrome，Opera和Firefox，但它在IE 10中失败了。只显示了一条水平线，意味着图像缩放到一个像素高度。

图像如何嵌入网页：

<div id="eth_group">
 <div id="eth_list">
  <ul>
   <li>here is my list
  </ul>
 </div>
 <div id="eth_image">
  <img src="img/myimg.png" border=0 align="right" width="100%" height="auto"; />
 </div>
</div>

这是相关的CSS文件：

#eth_group{display:table;}
#eth_list{display:table-cell;float:left;width:65%}
#eth_image{float:left;width:35%;display:table-cell;}
/* --------- MEDIA !   800  --------------  */
@media only screen and (max-width: 800px){
#eth_group{display:inline;}
#eth_list{display:block;width:100%;}
#eth_image{width:80%;display:block;marigin:0 auto;}
}

任何人都知道改变了什么才能让图像在IE中正确显示？

谢谢： - ）

Answer 1

解决了，它是由

引起的

 height="auto";

在IMG-tag中。

IE 10无法正确显示自动缩放的图像

1 个答案: