CSS 自适应网页布局问题

Question

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