Question

我希望链接的图片的大小为800x600，原始比例。链接的图像可以具有站点1000x400或例如600x1000。

此时我调整宽度= 800px的图像并在类div溢出隐藏

<div class="cut">
<img src="www.example.de/image" width=800px>
</div>

当图像比例为600x1000时，此功能有效，但在1000x400时则不行。它如何处理每个图像尺寸？

Answer 1

如果您想要更简单的解决方案，请将图像更改为背景。

.image{
  float:left;
  width:800px;
  height:600px;
  border:1px red solid;
  background:no-repeat center center;
  background-size:100%;
}

Html部分：

<div class="image" style="background-image:url(       
   http://www.google.com/images/srpr/logo11w.png 
);"></div>

Answer 2

我相信这是你正在寻找的：

.image{
    width:800px;
    height:600px;
    background:no-repeat center center;
    background-size: cover;
}

您需要以某种方式裁剪图像，因此将它们放在背景中是最有意义的。