要实现自适应的 background-size,可以使用以下方法:

  1. 使用百分比:设置 background-size 的宽高值为百分比,例如:background-size: 100% 100%;,这样可以让背景图随着容器的大小自适应。

  2. 使用 cover 或 contain 属性:cover 属性会让背景图填满容器,可能会裁剪部分图像;contain 属性会让背景图完全显示在容器中,可能会留白。

  3. 使用 background-size: auto;:这样会让背景图按照原始大小显示,但仍然会随着容器的大小自适应。

  4. 使用 background-size: contain; max-width: 100%; max-height: 100%;:这样可以让背景图完全显示在容器中,同时限制最大宽高为容器的宽高。

background-size怎么写自适应

原文地址: https://www.cveoy.top/t/topic/8Gy 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录