使用父尺寸作为图像属性

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>