使屏幕變小時，CSS保持背景相同嗎？

所以，我有這樣的背景：使屏幕變小時，CSS保持背景相同嗎？

BODY { 
    background-color: #FFFFFF; 
    background-image: url(http://i42.tinypic.com/2gxn0gg.jpg); 
    background-repeat: no-repeat; 
    background-position: center; 
    background-size: 100%; /* width, can be %, px or whatever. */; 
    background-size: 70% auto; /* height, can be %, px or whatever. */; 
    background-attachment: fixed; 
}

http://jsfiddle.net/vUN5A/

當我最小化屏幕（使其變小），我希望它保持擁抱的頂部，或保留在大小就像是最大化。我該怎麼做呢？有任何想法嗎？

來源

2014-01-14 user3192520

你的小提琴被打破 – zero298

您需要的代碼仍然 – Phlume

在你列出你可以使用說明「％，PX，無所謂」，但那些實際做不同的事情。「％」是動態的，這意味着它受到您的屏幕大小或瀏覽器窗口的影響。另一方面，「px」是靜態的，並且不管屏幕大小如何都不會改變。

因此，如果不嘗試更改圖像的大小，則不應使用「％」。改用像素。

來源

2014-01-14 04:55:16 Christina

請勿使用background-size，除非您確實要更改背景的大小。您告訴它根據body的大小更改背景的大小：當您縮小窗口大小時，大小會發生變化。

http://jsfiddle.net/vUN5A/2/

BODY {background-color: #FFFFFF; background-image: url(http://i42.tinypic.com/2gxn0gg.jpg); background-repeat: no-repeat;background-position: center;}

來源

2014-01-14 04:51:02 Ming

〜嘿，它再次是你〜而且...如果我拿出背景大小然後我怎麼得到它我的首選大小，因爲這不是圖像的實際大小？ – user3192520

哈哈嗨再次:)哦，所以你使用'background-size'將圖像拉伸到你喜歡的尺寸，你只是不希望改變窗口大小？你可以使用'px'而不是''''來設置它，它會保持不變。但是，您應該只使用較大的圖像？爲了圖像質量。 – Ming

好吧，我花了很長時間來製作動畫，所以...不：p，我沒有得到一個新的圖像。但是，我使用px而不是％，其他人給出了答案。感謝：3。 – user3192520

使用width:auto instaed的background size

BODY { 
background-color: #FFFFFF; 
background-image: url(http://i42.tinypic.com/2gxn0gg.jpg); 
background-repeat: no-repeat; 
background-position: center; 
width:auto; 
}

這裏是DEMO

來源

2014-01-14 04:56:08

使屏幕變小時，CSS保持背景相同嗎？

回答

相關問題