CSS技巧：使用背景图片撑起DIV并保持图片比例

<div class='container'></div>
<style>
.container {
  background-image: url('path/to/image.jpg');
  background-size: cover;
  width: 100%;
  height: 0;
  padding-bottom: 50%; /* 以图片的宽高比为基准，撑起div的高度 */
}
</style>
<p>其中，padding-bottom的值可以根据实际情况调整，使得div的高度和图片的高度相同。另外，为了让div能够撑起来，需要将其高度设为0，否则即使设置了padding-bottom也不会生效。</p>