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

Question

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

Answer 1

您可以使用媒体查询，它的作用是，一旦屏幕小于 330 像素，它将在括号之间应用这些 css 规则。

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

    #element {
        change properties..
    }
}

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