Question

网页右栏的两幅图像在谷歌中被垂直地延伸到大约500%的预期大小。在L.E.,他们看着罚款。

相关的超文本标记为

<div class="right_column">                                      
  <div class="photo">
    <img height="80%" width="80%" alt="chalet" src="photos/slides/DSCF0024.JPG"/>
  </div>                        
  <div class="photo">
    <img height="80%" width="80%" alt="bateaux" src="photos/slides/DSCF0418.JPG"/>
  </div>
</div>

社会保障局是:

.right_column {
  float:right;
  overflow:hidden;
  padding:0 5px 0 0;
  width:275px;
}

.photo img {
  border:1px solid #666666;
  margin-top:30px;
  padding:4px;
}

<><>Edit>/strong>

我将这一问题定下来,删除了与网页的联系(如果混淆的话)。

Answer 1

不使用这两种方法。

仅限<代码>width=80%”。

不要知道它为什么采取类似行动,而是将解决你的问题(除非你故意歪曲你的形象,使用垂直的光线)。

Answer 2

这与Webkit有关,它似乎显示的是这些图像,并且像IE那样采用自动升级。这很可能也像在Safari那样。

根据“E”元素特性,你的图像具有这些特性:

520px × 390px (scaled to 220px × 165px)

我认为,将高温和宽度从80%改为上文实际的六氯苯值,将固定在网上。如果做不到这一点,你可能不得不将实际图像转作220px,改成165px。

Answer 3

这可能是因为幼苗在“高”和羊毛 im上存在问题。

2. 直接 im::

img {
 width: 80%;
 width: 80%;
}

甚至更妥善地将某些阶层划归。

Answer 4

如果你转播了你的黄色浏览器的高度,重新上载,图像就会变高。 Chrome将80%的高度解释为窗口高的80%,而不是图像的自然大小。我建议,在你实际希望得到的决议中,重新挽救这些形象,然后消除这些形象的方方面面。

友情链接