h5页面背景图兼容ie（前端经验）

最近的项目需要兼容ie8，但是在ie8下背景图片总是被放大，如下图：
ie8下：

1624012290(1).jpg

ie9下：

image.png
可以看到ie8下背景图被放大了，但是在查找元素的过程中我发现ie8下的background-size不生效，看下图：
image.png

由此可见，我们不能通过background-size去修改ie8下的背景图
背景图被放大说明图片的宽高和容器的宽高不一样，那么我们把图片换成和容器一样大小，即使不使用background-size控制是不是也可以呢，因为在项目中为了使图片清晰所以用的是3倍的图片，我换成一倍的时候，如下图：

image.png

完全ok！
所以如果你们也在ie8下遇到背景图不兼容的问题，那么把图片换成1倍的试试吧
今天的分享就到这里了，有问题可以在下面评论哦~