html - 背景大小问题：黑莓上的 100%

Question

我正在使用以下代码将 h1 标签中“徽标”的背景图像设置为徽标。

h1#logo {
margin: 5px 0 0 0px;
background: transparent url(../../assets/images/applewood_logo.png) no-repeat;
height:150px;
display:block;
cursor:pointer;
color: #ccc;
text-indent:-1900px;
max-width:145px;
background-size:100%;
z-index:500;

}

它在除徽标边缘被切断的黑莓之外的所有设备上都能完美运行。这是该网站的链接：http: //www.applewoodindependent.co.uk

Answer 1

用于css3-media-queries

添加到这个 CSS

@media only screen and (min-width:50px) and (max-width:480px) {
    h1#logo{
        background-size: auto 81px;
    }

}

更多信息