【经验分享】图片自适应窗口大小css；CSS实现背景图片全屏铺满自适应的方式
要使背景图片全屏铺满并且自适应窗口大小，可以使用CSS中的background-size属性，并将其设置为cover。这样可以确保背景图片覆盖整个元素，同时保持其宽高比例。
以下是实现这种效果的CSS代码示例：
body, html {
margin: 0;
padding: 0;
height: 100%;
}
body {
background-image: url('background.jpg'); /* 替换为你的图片路径 */
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}这段代码将确保背景图片全屏显示，不论窗口大小如何变化，背景图都会自适应。background-attachment: fixed; 确保背景图片固定，不会随内容滚动。
评论已关闭