如何讓我的背景圖像的寬度調整但不是高度？

Question

現在，我使用此代碼來調整我的背景圖片：

background: url(../website/assets/shadedbackground.jpg) no-repeat center center fixed; 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 

它的外觀和當瀏覽器窗口的寬度調整（圖像是在它的兩側裁剪和製作略小）的偉大工程，但當高度被調整時，整個圖像會縮小，從而將所有東西混淆。我想要做的是使高度永久，但仍然讓寬度調整爲目前的代碼。

我希望這是有道理的。我在這方面還很新。謝謝！

Answer 1

您是否嘗試過在媒體查詢中使用斷點？

封面的使用使圖像成比例。這是它的目的。如果瀏覽器調整大小會改變事情，那麼你必須修改你的代碼。

欲瞭解更多信息，請參閱： http://css-tricks.com/perfect-full-page-background-image/

如果您發佈的例子無論是在的jsfiddle或其他地方的人們將能夠給出更詳細的解答。