避免菜单在小窗口大小中断，让页面滚动

Question

在我的响应式设计中，这是我不想发生的事情：

design http://imgs.ir/imgs/201307/break_2_.png

希望页面滚动。

如果需要，可以有一个jsfiddle。

Answer 1

看看这是否有帮助：http://jsfiddle.net/panchroma/2G9ze/

我编辑了CSS，添加了空格：无包装到导航，并通过添加媒体查询在窄屏幕上微调结果。

CSS更改

.nav-wrapper {
float: right;
white-space: nowrap;
}  

@media screen and (max-width: 375px){

.nav-wrapper {
float: left;
 min-width:375px;
}
}