1

CSSでフッターをレスポンシブにしたい。試してみましたbackground-size: coverが、うまくいきません。どうすればレスポンシブにできますか？

CSSコードは次のとおりです。

#super-footer {

    width: 75%; position: relative;
    background-color:#176ca5;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 10px 10px 10px 250px;
    height:auto; min-height:200px;
    margin:25px 0 10px 0;
    float:left; 
    background-image:url('images/footer-bg.png');
    background-repeat:no-repeat;
    background-position: 25px 30px;
    -moz-box-shadow:    2px 3px 5px 1px #ccc;
    -webkit-box-shadow: 2px 3px 5px 1px #ccc;
    box-shadow:         2px 3px 5px 1px #ccc;
    vertical-align:middle;
}

ここにサイトへのリンク：

http://demo.nextsyntax.com/goldcoast/

4

3 に答える 3

0

@mediaクエリを使用する必要があります

例えば

@media only screen and (max-device-width : 1024px) {
#super-footer {
width: 75%;
position: relative;
etc...}
}
于 2013-06-18T09:06:16.367 に答える