Html 无法更改容器时的图像高度到全div高度

Html 无法更改容器时的图像高度到全div高度,html,css,image,height,Html,Css,Image,Height,我的情况是,我无法更改主容器,也无法实现body、htmlheight和margin 我想通过CSS设置图像,我希望DIV是图像的完整高度和宽度 实现这一点的最佳方法是什么?我在谷歌上找到的大多数东西都使用div,然后使用img标签在div中使用背景图像,并设置图像尺寸的宽度/高度 使用cover或contain的背景大小值缩放图像也很容易 见: 或者使用背景尺寸标注 <div style="background-image:url('image.jpg'); background-s

我的情况是,我无法更改主容器,也无法实现
body、html
height和margin

我想通过CSS设置图像,我希望DIV是图像的完整高度和宽度


实现这一点的最佳方法是什么?我在谷歌上找到的大多数东西都使用
div
,然后使用
img
标签

在div中使用背景图像,并设置图像尺寸的宽度/高度

使用cover或contain的背景大小值缩放图像也很容易

见:


或者使用背景尺寸标注

<div style="background-image:url('image.jpg'); background-size:100px 100px; width:..; height:..;"></div>

您能提供js fiddle plz吗
<div style="background-image:url('image.jpg'); background-size:100px 100px; width:..; height:..;"></div>