0

私はウェブサイトを設計しました：http://newyorkfairandlovely.com/そしてそれはレスポンシブです. しかし、コンピューターでサイトを開くと、ナビゲーション バーの背景色が画面全体に表示されません。画像のフルサイズは幅 1950px です。画面が1024px以下に縮小されていればOKです。これはcssコードです：

nav { position: absolute; left: 0; background-color: #9362ae; float: left; width: 100%; margin: 0 auto; max-width: 1950px; font-family: "Source Sans Pro", Helvetica, sans-serif; }

4

3 に答える 3

1

これは役立つはずです：

body { margin : 0; padding : 0; }

本文には、HTML からの独自の間隔があります。ブラウザごとに設定が異なりますが、ほとんどの場合、<html>との端の間にスペースがあり<body>、
通常はbody { margin : __; }

于 2013-09-20T02:33:05.880 に答える
1

ブラケットを確認してください。投稿したルールは、この下にネストされています。

@media 
only screen and (max-width: 1224px),
(min-device-width: 1024px) and (max-device-width: 1824px)  {
    /* your rule is here */
}

したがって、画面サイズが 1224 ピクセルを超えると、ルールは適用されなくなります。

これは、コードを適切にインデントすることをお勧めする理由の例です。

于 2013-09-20T02:35:53.953 に答える
0

親要素の高さ/幅は? 親が100%なら画面全体をカバーできると思います。margin-rightまた、を 0 に設定してみてください(また、 float:left;CSS に があることにも気付きました。これが問題の一部である可能性があります。

于 2013-09-20T02:33:40.163 に答える