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

时间:2015-04-12 12:45:11

标签: html css mobile web navigation

我有这样的导航栏:http://www.gymnasium-templin.de/gym/index.php并尝试通过css移动查询开发移动版本样式。当我调整导航栏的大小时,f.e。至320 px(相当于ov 900px),我得到了#34;溢出"。我试图使用溢出:在css中插入一个自动中断。但没有选择去实现它。溢出:滚动;有效,但我想得到一个"换行"和两条"线"或更多导航按钮。让每个人都知道如何实现这一目标? 来自德国的问候。

1 个答案:

答案 0 :(得分:0)

你可以使用媒体查询,这个问题就是,一旦屏幕小于330px,它就会在括号之间应用这些css规则。

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

    #element {
        change properties..
    }
}

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