background-size怎么写自适应
要实现自适应的 background-size,可以使用以下方法:
-
使用百分比:设置 background-size 的宽高值为百分比,例如:background-size: 100% 100%;,这样可以让背景图随着容器的大小自适应。
-
使用 cover 或 contain 属性:cover 属性会让背景图填满容器,可能会裁剪部分图像;contain 属性会让背景图完全显示在容器中,可能会留白。
-
使用 background-size: auto;:这样会让背景图按照原始大小显示,但仍然会随着容器的大小自适应。
-
使用 background-size: contain; max-width: 100%; max-height: 100%;:这样可以让背景图完全显示在容器中,同时限制最大宽高为容器的宽高。
原文地址: https://www.cveoy.top/t/topic/8Gy 著作权归作者所有。请勿转载和采集!