jquery - 使用父尺寸作为图像属性

Question

虽然下面的jQuery可以判断一个div的大小

<div>
  <script>
    var box = document.querySelector('div');
    // width and height in pixels, including padding and border
    // Corresponds to jQuery outerWidth(), outerHeight()
    var width = box.offsetWidth;
    var height = box.offsetHeight;
  </script>
  <img src='https://s3-us-west-2.amazonaws.com/gpi/haley-phelps-433522.jpg' width='' height=''>
</div>

假设图片的纵横比与div相同，如何调用width和height变量来设置子图片的尺寸

Answer 1

这样图像就可以使用其父图像的所有空间。

<div style="width: 640px; height: 480px;">
  <img src='https://loremflickr.com/320/240' style="width: 100%">
</div>