0

私はクライアントのウェブサイトに取り組んでおり、大きな問題に直面しています。リピート 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 に答える