0

ウェブサイトの背面に画像を設定しようとしています。画面全体をカバーしたいのですが、画面を移動するたびに画像が拡大されます。

例えば。私の画像がスマイリーフェイスの場合、ウィンドウが画面の半分を占めるときは画面の 4 分の 1 が表示され、ウィンドウが画面全体を占めるときは画像がすべてを占めますが、目と一部しか見えません。笑顔の。

これが私のhtmlです

<body>
    <div id="bWrapper" >
    </div>
</body>

ここに私のcssがあります

    body{

    }

    #bWrapper{
        background-size:100$ 100%;
        background-repeat:no-repeat;
        /* Set rules to fill background */
        min-height: 800px;
        min-width: 1124px;

       /* Set up proportionate scaling */
       width: 100%;
       height: 100%;
       position:absolute;
   }
4

1 に答える 1

0

body にも width:100% と height:100% を指定する必要があります

html,body
{
  width:100%;
  height:100%;
}
于 2014-03-05T18:55:24.843 に答える