max/min-width 使用最大可能宽度

Question

我想问一下如何在 CSS 中创建一个页脚栏，该栏将具有最小宽度（比如 650 像素）并根据 window 大小进行拉伸，但仅限于某个点（比方说 1024px）。

我的意思是当 window 尺寸为例如 1280px 条时应该是 1024px，当 window 720px 条应该是 720px 并且当 window 是 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

James的回答几乎是正确的，你只需要一个显示规则，

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

max/min-width 使用最大可能宽度

max/min-width using maximal possible width

html

css

width