0

我有这两张图片出现在我的网站上，我是从另一家公司的服务器上提取的。我需要这些照片随浏览器窗口缩放，所以我给了它们一个百分比宽度和高度以随身体缩放。

问题是其中一些图像尺寸不同，我需要所有图像看起来彼此相同。当我知道图像的宽度和高度的值时，这很容易做到，因为我可以裁剪或调整大小。但是，您如何才能保持具有可扩展宽度和高度的比率呢？

我认为需要一些 JavaScript 才能做到这一点。这是我拥有的CSS：

html {
  width: 100%;
  height: 100%;
}
body {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
}
.image {
  width: 40%;
  height: 40%;
  margin: 1%;
}
4

2 回答 2

1

如果你不关心 IE8，你可以指定width. 大多数浏览器都会为您保持纵横比。

于 2013-05-15T22:35:46.037 回答
0

仅使用 CSS 会花费您大量时间来针对所有兄弟进行优化。

通过一些修改和 js，您可以使用完美的背景图像来实现这一点

于 2012-10-17T12:56:32.523 回答