沒有媒體查詢的響應式背景圖片

Question

我需要一些指導來爲管理頁面製作響應背景圖片而不使用媒體查詢。背景圖片需要響應瀏覽器窗口而不拉伸。

使用引導3.3.6建立這個頁面我這個example page

類似。管理員登錄頁面被劃分爲分屏。

• 左手邊登錄區
• 右手邊的是在上面的文本內容的背景圖像。

http://www.r1.jxt.com.au/Admin/login.aspx?ReturnURL=~%2fadmin%2fdefault.aspx

我需要的所有指導我能到約去實現這一點。謝謝！

Answer 1

您應符合以下更改.bg-image類：

.bg-image { 
    background: url(../img/bg-image-md.jpg) no-repeat center center; 
    background-size: cover; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
} 

Answer 2

這裏的東西，讓你開始：http://codepen.io/panchroma/pen/BKdgKP

.bg-image{ 
background-image: url(http://images.jxt.net.au/jxt-admin/img/bg-image-lg.jpg); 
background-size:cover; 
background-position:50% 0 ; 
} 

使用的背景大小屬性與封面或封底或包含的價值，並根據需要定位背景圖像。

More info on the background-size property