html - 如何调整图像大小以适合另一幅图像？

Question

<分区>

Answer 1

使用一张图片作为background:通过 css 和其他图像作为 <img />标签。

Here is demo for it.

确保您的图片标签按比例放置，这样它就不会拉伸(stretch)。 HTML

<div class="outer">
  <img src="http://www.designsnext.com/wp-content/uploads/2014/04/nature-wallpapers-17.jpg" alt="" />
</div>

CSS

.outer {
  background: url(http://cdn-production.codecademy.com/assets/imac-1de402798fb7b26c5952ffb70fc9ee89.svg) 0 0 no-repeat;
  height: 740px;
  width: 910px;
  padding: 38px 0 0 39px;
}

.outer img {
  width: 823px;
  height: 469px
}