html - 背景大小 :100% on blackberry 问题

Question

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

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;

它在除黑莓以外的所有设备上都能完美运行，因为黑莓的 Logo 边缘被切掉了。这是该站点的链接: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;
    }

}

More info