/* 基本样式 */  
body {  
    margin: 0;  
    padding: 0;  
    font-family: Arial, sans-serif;  
}  
  
.container {  
    max-width: auto; /* 容器最大宽度，可根据需要调整 */  
    margin: 0 auto; /* 水平居中 */  
    padding: 20px; /* 容器内边距 */  
}  
  
/* 响应式图片样式 */  
.responsive-image {  
    width: 100%; /* 图片宽度为容器宽度的100% */  
    height: auto; /* 图片高度自动，保持纵横比 */  
}  
  
/* 响应式布局样式（可选） */  
@media screen and (max-width: 768px) {  
    /* 当屏幕宽度小于768px时的样式 */  
     .responsive-background {  
		background-image: url('your-image-ver.jpg');  
	} 
} 
 
} 
  
@media screen and (max-width: 480px) {  
    /* 当屏幕宽度小于480px时的样式 */  
    .container {  
        padding: 5px; /* 更小屏幕时进一步减少内边距 */  
    }  
}