背景大小：包含;高度不能正確縮放

Question

我想保留一個圖像，而背景圖像可在瀏覽器中進行縮放。

當我使用高度：XXXpx;它不會正確縮放。我也嘗試使用百分比作爲高度。

.cbp-fwslider ul li > a img { 
    border: none; 
    display: block; 
    margin: 0 auto; 
    width: 100%; 
} 

.big-o { 
    position: absolute; 
    top: 360px; 
    margin-left: 7%; 
    width: 200px; 
    height: 358px; 
} 

www.georges.larsonplusyou.com

謝謝你們。

Answer 1

嘗試從您的HTML寬度去除內嵌樣式，然後改變你的選擇樣式圖像本身如下：

.big-o img { 
     position: absolute; 
     top: 360px; 
     margin-left: 7%; 
     max-width: 100% 
     width: auto; 
     height: auto; 
    } 

這個工作在我的瀏覽器，但我會建議使用媒體查詢了響應式設計。我認爲如果網頁將在Internet Explorer中使用，則需要執行width: auto\9;，因爲存在錯誤。