本方法适用图片尺寸不一,且需要根据页面大小实现自适应等比缩放的情况;
之前一直用的是背景图的方式来实现这个效果,可以这样做的一个弊端是不利于SEO 的优化,所以决定换种方式写,综合网上搜出来的文章,写了这个教程,供新手学习使用。
要把图片设置成和div一样大,首先可以给图片设置一个固定的宽度和高度,可以使用CSS样式来实现,比如设置image的width和height属性为100%。这样就能保证图片的大小和div一样了。
另外,也可以使用flexbox或grid布局来实现图片和div的大小一致,通过调整布局属性来使得图片填充整个div的空间。总之,通过CSS样式和布局属性的调整,就能实现让图片和div一样大小的效果。