100％的高度和寬度導致我的圖像「縮放」

我想設置一個圖像到我的網站後面。我希望它覆蓋整個屏幕，但每次移動屏幕時圖像都會放大。100％的高度和寬度導致我的圖像「縮放」

例如，如果我的圖像是一個笑臉，當窗口占用一半的屏幕時，屏幕上會顯示四分之一的屏幕，當窗口占滿整個屏幕時，圖像將佔用所有內容，但您只能看到一部分視圖的微笑。

這裏是我的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; 
    }

來源

2014-03-05 JumpJump

你需要給寬度：100％和height：100％的身體也

html,body 
{ 
    width:100%; 
    height:100%; 
}

來源

2014-03-05 18:55:24

100％的高度和寬度導致我的圖像「縮放」

回答

相關問題