php - 显示保持纵横比的照片

Question

我想在不改变宽高比的情况下以固定大小显示图像。

我想以 200px * 200px 大小显示图像，同时保持原始纵横比。这里的所有图片都大于 200px * 200px。

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

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

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

Answer 1

这应该可以解决问题

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