0

を使用すると、必要な動作が得られますが、Chrome ブラウザーを試してみると、画像が隅に押し込まれ、ブラウザー ウィンドウ幅の約 20% しか表示されbackground-size: 100%;ない理由がわかりません。background-size: contain;Firefox も同様です。

www.moonwards.com

body {
background: url(http://www.moonwards.com/img/tycho.png);
background-size: contain;
background-color: #000;
background-repeat: no-repeat;
}

なぜそれが起こっているのですか？CanIuseは、これらのブラウザで問題が発生することはないと述べています。

4

1 に答える 1

0

background: url(http://link);単に 使用する代わりに、これを試してください、

    body {
        margin: 0 auto;
        background-image: url(http:link);
    }

これは私にとってはうまくいきます。ただし、画像もダウンロードして、Web サイトと同じフォルダーに配置します。また、Photoshop をかなり使用して画像のサイズを変更したり、品質を調整したりしています。

于 2015-08-06T17:55:18.330 に答える