1

ここで少し立ち往生していません。

私は約divを持っています。幅 2000 ピクセル、高さ 800 ピクセル。

その div 内に、背景画像を持つ別の div があります。

内部 div が親コンテナーの 80% の高さを取り、幅が高さとの比率を維持するようにしたいので、これが理にかなっていれば、背景画像が歪まないでしょうか?

CSS3 を使用して、背景画像を x と y の両方で 100% スケーリングします。

.internal-box {
    background:url(images/elevator.png) repeat scroll 0 0 transparent;
    background-size:100% 100%;
    height: 80%;
    width: auto;
}

http://jsfiddle.net/JbmE6/

4

1 に答える 1

5

これを試して：

background-size: contain;
background-repeat: no-repeat;

ただし、これは IE8 などのすべてのブラウザーで完全にサポートされているわけではないことに注意してください。

<div>また、これはそれ自体を小さくするわけではなく、関連する部分にのみ背景画像を表示するだけであることに注意してください。を装着するborderと.small、実際にはコンテナの 100% の幅であることがわかります。

于 2013-02-05T12:05:25.083 に答える