css给背景图片设置了最小宽度长度就不随页面变化了
如果你想设置背景图片在页面缩放时保持最小宽度,可以使用CSS的background-size属性来实现。
以下是一个示例代码:
body {
background-image: url('your-image.jpg');
background-repeat: no-repeat;
background-size: auto 100%;
background-position: center;
min-width: 500px; /* 设置最小宽度 */
}
在上述代码中,background-size: auto 100%;指定了背景图片的宽度自动调整,高度始终为100%。background-position: center;将背景图片居中显示。min-width: 500px;指定了最小宽度为500px,当页面宽度小于500px时,背景图片的宽度将不再缩小。
通过这样的设置,背景图片的宽度将随页面变化,但不会小于最小宽度。
原文地址: https://www.cveoy.top/t/topic/iiTJ 著作权归作者所有。请勿转载和采集!