html - 流体全宽导航栏

Question

我正在设计一个网站，我想要一个可以根据屏幕大小调整大小的导航栏。
这就是我现在拥有的 html:

<nav>
    <a href="#">Item 1</a>
    <a href="#">Item 2</a>
    <a href="#">Item 3</a>
    <a href="#">Item 4</a>
</nav>

和CSS:

nav a {
    text-decoration:none;
    font-size:2em;
    color:#fff;
    width:25%;
    display:block;
    float:left;
    background-color:#000;
    text-align:center;
}

http://jsfiddle.net/GJVqR/
这工作正常，直到屏幕缩小到一定大小，此时我希望菜单项相互堆叠。
有没有办法不借助 JS 来做到这一点？

编辑:收到几个答案后，我觉得我需要澄清一下:http://i.stack.imgur.com/9ID5N.png
当屏幕太小时，这就是我要找的东西。

Answer 1

设置

min-width

CSS 属性:

nav a {
    min-width: 100px;
    text-decoration:none;
    font-size:2em;
    color:#fff;
    width:25%;
    display:block;
    float:left;
    background-color:#000;
    text-align:center;
}