背景以圖片<比頁面爲中心並且當圖片>時比頁面

Question

CSS有可能根據瀏覽器頁面的尺寸來處理背景圖片的位置，還是應該使用javascript來處理？

當圖像比頁面更大，應對準左

當圖像比頁面應該對準中心

Answer 1

小媒體查詢 - 它們根據瀏覽器大小更改CSS樣式。

#img { 
    width: 1000px; 
    margin: 0 auto; 
} 

@media 
screen and (max-device-width: 1000px), 
screen and (max-width: 1000px) { 

    #img { 
    float: left; 
    margin: 0; 
    } 
}