html - 如何通过 CSS 使页脚响应？

Question

我想通过 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/

Answer 1

虽然您可以通过针对不同的分辨率修改您的 css 来进行响应式设计。但是有一个库可以很好地实现响应式设计。

http://twitter.github.io/bootstrap/

它可用于使您的网站响应屏幕分辨率。