0

我的网站上有一张背景图片。我想使用媒体查询来调整带有浏览器窗口的背景图像的大小。我是媒体查询概念的新手，你能告诉我怎么做吗？

谢谢 ：）

在我的 CSS 文件中：

.homepage{background-image:url(../images/work.jpg); background-repeat:no-repeat;}

在我的 HTML 文件中

<body class="homepage">

</body>
4

1 回答 1

1

您需要在样式表中使用媒体查询以获取特定的屏幕分辨率，例如

@media all and (max-width: 1200px) and (min-width: 520px) {
  body {
    /* Now whatever styles you use here will be applicable for your specified screen widths */
  }
}

所以谈到你的问题，我假设你希望你的身体背景根据屏幕分辨率自动调整，你可以试试这个，而不使用媒体查询..

html { 
    background: url('/* Path to image file */') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
于 2012-11-03T07:13:34.340 回答