2016-08-23 7 views
0

"overflow-x:hidden!important;"ブラウザのサイドバーが途切れる(重複している)問題が発生していました。ただし、この固定されたエラーを削除すると、ページヘッダーの1つだけがモバイルで表示されているときに画面から実行されています。ここでコードがありますが、位置を固定から絶対に変更すると問題は解決しますが、ヘッダを修正する必要があります。デスクトップビューでは、すべてが問題ありません。モバイルでのみ、1ページのみでおかしいです。ここで私は問題を抱えている画面のサイズの責任コードです。overflow-x:hidden!重要な問題

@media screen and (min-width: 321px) and (max-width: 759px){ 
.navbar-mj{ 
    position: fixed; 
    width: 100%; 
    top: 0px; 
    z-index: 89; 
    background-color:#6782af; 
    margin-bottom: 0; 
} 
} 

答えて

0

それはあなたの問題はあなたがright: 0left: 0を追加しwidth: 100%を削除した場合、より完全な例が、何を見ずには何か言うには少し難しいですか?

+0

これを試しても機能しませんでした。 – Ubiq

0

(max-width:500px)を下げてください。 モバイルビューの画面をオーバーフローさせる代わりに役立つかもしれません。 ありがとう

+0

また削除しようとしました** width:100%** –

+0

はい、これはうまくいきました、サイズは360pxでした私はこれを以前は考えていなかったのか分かりません、唯一の問題は360pxが下のピクセルサイズの大きい画面になっても高い画面に表示されます。その問題は、私は別のメディアクエリを作成する必要がありますね? – Ubiq

+0

という意味で、設定されたピクセルサイズを設定すると、異なる画面解像度ではダイナミックではありません。 – Ubiq