1

すべての幅が % のレスポンシブ ログイン ページを作成しています。margin:0 auto を追加すると、メインの div は完全に中央に配置されます (そうあるべきです) が、ブラウザーのサイズを水平方向に縮小すると、% で設定されているかどうかに関係なく、常に右マージンまたはパディングが失われます。小さい画面サイズでは右側の余白が切り取られる 右側の余白が切り取られる様子を示すスクリーンショットを次に示します。

画面サイズに関係なく、マージンまたはパディングが常に適用されるようにするにはどうすればよいですか?

====更新====

この質問で「レスポンシブ」という言葉を使用して申し訳ありません。実際、適応動作のためにさまざまなブラウザーサイズでメディアクエリを使用していますが、私の質問はそれよりも単純です。メディア クエリが開始される前に、ブラウザが縮小すると右マージンが消えます。含まれている要素の何かが、ページの流動性を低下させているに違いありません。これが何であるか理解できないようです。どんな助けでも大歓迎です。

ここにコードへのリンクがあります

4

1 に答える 1

0

私はこれがあなたが今持っているコードに基づいて行うと思います:

.am-body {
    background: url("../img/body-bg.png") repeat-x left top #ededed;/*is being overwritten*/
    text-align: center;
    position: relative;
    margin: 0 auto;
}
于 2013-07-02T15:51:33.273 に答える