0

次のコードを使用して、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

4

1 に答える 1

2

css3-media-queriesに使用されます

このcssに追加 

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

}

より詳しい情報

于 2012-11-30T11:30:24.597 に答える