最大/最小宽度使用最大可能宽度

Question

我想问一下如何在CSS中创建一个具有最小宽度（例如650px）的页脚栏，并根据窗口大小进行拉伸，但仅限于某些点（让＆＃39;比如1024px）。

我的意思是当窗口大小例如1280px bar应该是1024px时，窗口720px栏应该是720px，当窗口是500px时，滚动条应该出现。

这是我的HTML：

<footer id="footer">
<div class="inner">
    <hr>
    <ul class="menu">
            <li><a href="#">Home</a></li>
            <li><a href="#">News</a></li>
            <li><a href="#">Contact</a></li>
    </ul>
    <div class="copy">Copyright © 2015 All rights reserved.</div>
</div>
</footer>

感谢。

Answer 1

以下代码应该有效

#footer{
width:100%;
max-width:1024px;
min-width:650px;
}

Answer 2

这应该有用。

#footer {
  min-width: 650px;
  max-width: 1024px;
}

Answer 3

詹姆斯的答案几乎是正确的，你只需要一个显示规则，

#footer{
width:100%;
max-width:1024px;
min-width:650px;
display: block;
}