Question

我使用以下代码将h1标签中“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 的

背景大小问题：黑莓100％

1 个答案: