1、首先我们打开sublime text软件，新建一个html页面，然后在在页面中添加html的基本结构
2、然后我们在html的body区域添加一个div，并且给div设置一下宽高以及边框的样式，
3、运行程序以后，你就会看到如下图所示的div区域，我们接下来就要给这个区域添加背景图片
4、然后我们回到html文档，在div的样式规则里面添加background-image属性，给此属性指定一个图片路径，运行以后你就会看到背景图片了
温馨提示：内容为网友见解，仅供参考
第1个回答 2012-03-15
首先定义好整个div的长和宽，再将img 的width属性设置为100%,height属性设置为100%,就可以了。
第2个回答 2012-03-11
图片是背景图片还是img图片？
背景图的话要么平铺，要么就是楼上老兄那样说的。
img图片 就设置 img的 宽高为div的宽高本回答被网友采纳
背景图的话要么平铺，要么就是楼上老兄那样说的。
img图片 就设置 img的 宽高为div的宽高本回答被网友采纳
第3个回答 2012-03-10
设置div的宽度和高度为图片的宽度和高度。
第4个回答 2019-09-12
<img src="" style="width: 100%;height: 100%;object-fit: contain"/>
这个的话是我自己用的，我这主要是外层会不停地改变宽高。所以用了object-fit: contain。
但目前的话，存在一个问题，就是说object-fit: contain在PC跟Android上各个情况都是没有问题的。但在iOS微信浏览器中，会不起作用。这点问题暂时还没有解决。如果有人解决了的话，大家可以一起交流，感谢！
相似回答
