以图像为中心的背景＆lt;比图页＆gt;当图像＆gt;比页面

Question

CSS可以根据浏览器页面的尺寸处理背景图像的位置，还是应该使用javascript来处理？

当图片大于页面时，它应与左侧

对齐

当图片小于页面时，它应与中心对齐

Answer 1

媒体查询 - 它们会根据浏览器大小更改CSS样式。

#img { 
  width: 1000px;
  margin: 0 auto;
}

@media 
screen and (max-device-width: 1000px), 
screen and (max-width: 1000px) {

  #img { 
    float: left; 
    margin: 0;
  }
}