html - 避免菜单在小窗口中中断并让页面滚动

Question

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

设计 http://imgs.ir/imgs/201307/break_2_.png

并希望页面滚动。

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

Answer 1

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

我编辑了 CSS，将 whitespace:no-wrap 添加到导航中，并通过添加媒体查询来微调窄屏幕上的结果。

CSS 更改

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

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

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