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

Question

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

Answer 1

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

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

    #element {
        change properties..
    }
}

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