css - CSS: ブラウザでアスペクトを維持しながらロゴのサイズを変更する

Question

#logo {
    background: url(/images/logo.png) 0 0 no-repeat;
    width: 268px;
    height: 96px;
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 1000;
}

これは私のロゴ css で、高さと幅を x% に変更すると、ロゴ画像の下部と右側が切り取られます。縦横比を維持しながらブラウザの幅の 5% に収まるようにロゴのスタイルを設定するにはどうすればよいですか? ありがとう

Answer 1

背景画像で可能です。CSSplay でこのデモを参照してください。Ethan Marcotte は、アプリケーションに適した詳細なテクニックも提供しています。

Answer 2

<img>もちろん、画像の要素を使用することによって。