0

高さ 50px のトップ div があり、幅はブラウザー ウィンドウ全体の幅でなければなりません。`width: 100%; を設定しています。しかし、問題は、ズームインすると、内部に配置されている他のコンテンツが他のコンテンツに重なってしまうことです。width:100%; であることはわかっています。常に現在ズームされている画面と同じだけになるため、コンテンツがオーバーラップします。

このdivの位置は固定です。jQueryで幅を設定しようとしましたが、うまくいきましたが、ズームアウトすると、一番上のdivが利用可能な最大画面幅を維持しません。

(document).ready(function(){
    var widthT = $(window).width();
    $('#top_status').css("width", widthT);
});

上記の jQuery はズームインには問題ありませんが、幅が既に設定されていて変更されていないため、ズームアウトはできません。

Facebookの上部の青いバーとして何とか機能するものを取得しようとしています。ズームに関係なく、その位置は非常に良好です。

どうも

4

1 に答える 1

1

jsFiddle を投稿すると、特定の例を手伝うことができますが、Media Queriesでこれらの問題を処理できるはずです。ウィンドウのサイズを変更するときにブレークポイントを制御し、サイトが表示されている解像度に関係なく見栄えを良くすることができます.

ナビゲーションのメディア クエリに関するリソースを次に示します。

ナビゲーションのためのレスポンシブ デザイン アプローチ

プログレッシブでレスポンシブなナビゲーション

メニューを小さな画面用のドロップダウンに変換する

純粋な CSS レスポンシブ メニューを作成する

CSS メディア クエリと jQuery を使用したレスポンシブ ドロップダウン メニュー

構造を変更したり、ドロップダウンに変えたりしたくない場合でも、同じメディア クエリを使用してメニュー要素を調整し、どこにでも収まるようにすることができます。

于 2013-01-15T17:59:23.170 に答える