如何通过CSS打破溢出的导航栏

我有一个像这样的导航栏：http://www.gymnasium-templin.de/gym/index.php并尝试通过css移动查询开发移动版本样式。当我调整导航栏时，f.e.到320像素（而不是900像素），我有一个“溢出”。我试图使用溢出：在CSS中插入自动中断。但是没有办法实现它。溢出：滚动;作品，但我想用导航按钮获得“换行”和两个“行”或更多。让每个人都知道如何实现这一点？来自德国的问候。如何通过CSS打破溢出的导航栏

来源

2015-04-12 Marvin Krüger

您可以使用媒体查询，这是一个小工具，只要屏幕小于330px，它就会在括号中应用这些CSS规则。

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

    #element { 
     change properties.. 
    } 
}

我不确定是否正确理解了您的问题，请告诉我。

来源

2015-04-12 12:50:41 Athax

我使用它，我的问题是在移动版本中获得“换行”。在移动版本中，有一个溢出，我想插入一个自动换行符来使用我的移动版本（两行或更多行按钮）中的空洞导航栏。 –

@MarvinKrüger你可以创建一个http://codepen.io/，这样我就可以看到你的结构。 – Athax

在css里面有移动查询，如果你在一个小屏幕的设备上加载页面，你会看到溢出。 http://codepen.io/anon/pen/YPodbj.css http://codepen.io/anon/pen/YPodbj.html –

如何通过CSS打破溢出的导航栏

回答

相关问题