Question

所以我在这里使用这种风格将div作为背景的中心：

#example{
    z-index:-1; 
    width: 950px; 
    height:100%; 
    position:fixed; 
    background-color:#F0F0F0;
    background:url(images/main_background_sidebar.png) repeat-y top center;
    top: 0px;
    left: 50%;
    margin-left: -475px;
}

工作正常，它保持居中和一切，但如果页面宽度低于950像素，有没有办法阻止它保持居中？例如：如果浏览器窗口的宽度仅为800px，则背景图像的左侧将粘贴在屏幕的左侧。

Answer 1

如果您使用CSS3就可以了，那么您可以应用@media规则。未经检验的可能性：

#example {
   /* Don't center it. */
}
@media only screen and (min-width: 950px) and (min-device-width: 950px)  {
  #example {
   /* It's 950px or more! Let's center it! */
  }
}

阅读并玩它。

更新：我该如何使用它？我在哪里放，只在我的style.css？

媒体查询可用于标签，XML处理说明，@ import at-rule和@media at-rule。

如果页面大于div，则只有中心div

1 个答案: