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

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;

}

它可以在所有设备上完美运行，除了标志边缘被切断的黑莓。这是该网站的链接：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