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

您的图片必须是<img>代码，而不是背景，以及此<img>代码的CSS：

#logo_img{
    width:5%;
}

假设#logo_img的父级宽度为100％。

Answer 2

当然，使用<img>元素作为图像。

Answer 3

可以在背景图像中使用。见this demo at CSSplay。 Ethan Marcotte has also detailed techniques可能适合您的申请。