CSS自适应web布局问题

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

有什么建议吗？请看我的

---

谢谢你

这对我来说似乎很好，但试着去掉child class:.下拉列表，同时尝试固定高度，如下所示：

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

---

是的，不知怎么的，我把它修好了，不知道为什么，没有意义。也许我修正了小提琴上的某些东西，我不小心破坏了我的原始代码。。。