CSS自适应Web布局问题

Question

我有一个简单的问题，但我似乎无法找到问题...我正在使用媒体查询为我的网站导航栏自适应网页布局...现在我最小的媒体查询是最小：320px和最大：480px;当视口大小为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*/
    }
}