CSS自适应网页布局问题

Question

我有一个简单的问题，但我似乎找不到问题...我正在使用媒体查询为我的网站导航栏提供自适应网络布局...现在我最小的媒体查询是 min: 320px 和最大值:480px；当视口(viewport)大小为 480px 时，菜单栏宽度应设置为 480px...但是当宽度接近最后一个文本元素的长度时，最后一个文本元素被推到下一行并忽略我的固定集宽度为 480px...

有什么建议吗？请看我的JSFIDDLE

谢谢

Answer 1

它对我来说似乎工作正常，但尝试取出子类:.dropdown 并尝试修复高度，如下所示:

@media screen and (min-width: 320px) and (max-width: 480px){
    #page-wrap{
        width: 480px;
        height: 35px; /*make the height fixed as well*/
    }
}