php - 显示保持宽高比的照片

我想以固定大小显示图像，而不更改宽高比。

我想显示此尺寸200px * 200px的图像，同时保持原始宽高比。这里的所有图像均大于200px * 200px。

我想从中心裁剪图像，并将宽度和高度设置为200px，而不更改纵横比，这意味着我们只想显示图像的一部分。

谁能告诉我如何实现它？我已经尝试过使用max-width和max-height的CSS，但是CSS似乎无济于事。

我使用PHP作为服务器端语言。我听说有人建议使用GD。有任何想法吗？

最佳答案

这应该解决问题

的HTML

  <div>
    <img src="http://www.w3.org/html/logo/downloads/HTML5_Logo_512.png" />
  </div>

的CSS

div {
  width:200px;
  height:200px;
  overflow:hidden;
  position: relative;
}

div > img {
  width:300px;
  height:auto;
  position:absolute;
  top:-100px;
  left:-100px;
}

这是一个DEMO

关于php - 显示保持宽高比的照片，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14041662/