div大小由其背景或子img

Question

我有一个图像要在浏览器窗口中完全显示（采用100％宽度或100％高度）。我可以这样做：

    .myClass {
        background-image: 'path/to/image.jpg';
        background-size: contain;
    }

    <div class='myClass'></div>

或者这个：

    .myClass img {
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
     }

     <div class='myClass'>
         <img src='path/to/image.jpg'>
     </div>

困难在于我需要一个大小与显示图像大小相同的div来显示此图像上的内容。我无法根据背景设置div尺寸，也无法通过其绝对定位的子div设置父img尺寸。

当然，我可以使用js，但我想没有它。知道我怎么能这样做吗？