注意：此处直接将css样式写到标签中，叫做内联样式，与写到外面的css效果一样的
这个时候，想要让图片充满整个div，只需要对图片设置高宽都是100%即可。此处为了演示，将所有的img标签都设置成了100%，而且，使用的是外部css的书写形式。从浏览器的展示效果，可以看出图片拉伸，并填满了整个div空间
如果图片使用的是背景图，不是img标签的形式呢？如果所示，图片默认会在x和y轴重复，并不会拉伸，最终仍然填满了这个div的空间
如果想要背景图也拉伸填满整个div空间，就需要设置背景图的
background-size: 100% 100%; 从运行效果可以看出，确实实现了根据分辨率自动拉伸的效果
以上就是css怎么设置图片拉伸的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
html5+css如何控制table内外边框和颜色以及大小的图文教程
更多相关阅读请进入《css》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
