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

标签 html css mobile web navigation

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

最佳答案

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

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

    #element {
        change properties..
    }
}

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

关于html - 如何通过 CSS 打破溢出的导航栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29589607/

相关文章:

html - 如何使用html和css制作这个div?

html - 我怎样才能让下拉菜单向上展开而不是向下展开

jquery - 当 CSS 网格保留它们时,如何在 Jquery 中过滤带有 <a> 链接的元素?

jquery - 使用 jquery mobile 进行 iscroll 页面转换

azure - 从 Azure 向手机号码发送消息

javascript - 将 Bootstrap 片段转换为语义 ui - 可能吗?

javascript - Bootstrap-根据宽度调整元素的高度

html - 如何从wordpress中删除页脚 "powered by wordpress"

html - 图像居中,文本位于图像两侧的导航栏

jquery - Meteor:当使用iron-router导航到新路线时,仅在移动设备上刷新整个页面