0

我在一个客户网站上工作,正面临一个巨大的问题。我有一个具有 repeat-x 属性的背景图像,我需要调整它的大小以调整窗口大小(就像响应图像的行为一样,但现在有背景)

所以代码大致是这样的:

<style>
body {padding: 0px}
#wrapper { background: url("images/barra.fw.png") repeat-x scroll 0px 115px transparent !important;}
</style>


<body>

<div id="wrapper">

<div id="pagelayout">

    Lorem ipsum

</div>

</div>

为了澄清我想要的是垂直调整背景图像以保持比例。该网站是这个:http://supersorriso.pt

PS:已经试图搞砸一切,无法弄清楚出了什么问题,或者这是否可能。

4

1 回答 1

0

我相信您可以background-size在需要调整其背景大小的元素上使用该属性。

在您的媒体查询中:

#wrapper{
  background-size:80px 60px;
}

您需要进行数学运算才能获得正确的纵横比。

于 2013-03-26T14:39:23.783 回答