如何在右侧显示下拉?

时间:2015-09-16 15:00:57

标签: jquery angularjs html5 css3 ionic-framework

我制作了一个可以在桌面和移动设备上运行的演示。我的问题是当我在桌面上检查它工作正常(我的选项显示在标题上)。但是当我减少屏幕尺寸移动到移动版本时它没有显示下拉菜单中应显示菜单选项,这是我的代码 http://codepen.io/anon/pen/OyNLqa

#menubar li {
    display: inline;
    padding:0.5em;
    font-size:1.5em;
    color :red
}
#menubar li:last-child{
    color: black;
}
@media screen and (max-width: 400px) {
    .large {
        display: none;
    }
}

@media screen and (min-width: 400px) {
    .small {
        display: none;
    }
}
#menubar{
    float:right;
    position:relative;
}

#menubarCont {
    width: 100%;
    right:5em;
    position:relative;
}

enter image description here

enter image description here 当我运行我的程序它工作它工作正常,但当我减少屏幕它应该显示下拉但但它不显示为什么?

我需要在右侧显示下拉菜单,如图所示?

1 个答案:

答案 0 :(得分:-1)

  #menubarCont {
        width: 100%;
        right:2em;
        position:relative;
    }