1

私はこれに対する解決策を突き止めるのに苦労しています。

画面全体で 100% 繰り返される背景画像を持つ div があります。だから言ってみましょう：

.services_wrap {
    width:100%;
    height:200px;
    background:url('../images/services_tile.png') repeat-x;
}

<div class="services_wrap">
    //Content
</div>

通常の div のように、画面のサイズが変更されたときにその div 全体を縮小するメディア クエリを指定するにはどうすればよいですか。

@media screen and (max-width: 650px) {

    /*Makes the logo shrink*/
    #header {
            height:auto;
    }
}

しかし、これを .services_wrap で試しても何も起こりません。

background-size: properties を試してみましたが、うまくいきませんでした。

繰り返し画像を拡大縮小することはできますか?

4

1 に答える 1

1

使用するbackground-size

div {
    background: url("//www.placehold.it/50x50") repeat-x;
}

@media screen and (max-width: 900px) {
    div {
        background-size: 25px;
    }
}

デモ

于 2013-01-03T05:03:19.403 に答える