如果你想设置背景图片在页面缩放时保持最小宽度,可以使用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时,背景图片的宽度将不再缩小。

通过这样的设置,背景图片的宽度将随页面变化,但不会小于最小宽度。

css给背景图片设置了最小宽度长度就不随页面变化了

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

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