css - CSSアダプティブWebレイアウトの問題

Question

単純な問題がありますが、問題が見つからないようです... WebサイトナビゲーションバーのアダプティブWebレイアウトにメディアクエリを使用しています...現在、最小のメディアクエリは最小：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*/
    }
}