無法調整圖像的大小以響應

我有一個使用eccommerce腳本來列出產品的網站。除了固定在500px高度的產品圖片之外，大部分網站似乎都是移動響應。我一直在試圖讓他們響應，但似乎已經嘗試了大量的方法，並沒有一個工作。在手機上觀看時圖像始終保持相同的大小。無法調整圖像的大小以響應

下面是HTML代碼的產品頁面上生成每個產品形象：

<div class="file_image"> 
 
\t <div class="t"><div class="b"><div class="l"><div class="r"><div class="bl"><div class="br"><div class="tl"><div class="tr"> 
 
\t \t {IMAGE} 
 
\t </div></div></div></div></div></div></div></div> 
 
<div class="file_links">

這裏是在的CSS樣式表控制這些div標籤的部分：

.file_image 
 
{ 
 
float:left; 
 
margin-right:30px; 
 
width:480px; 
 
text-align:center; 
 
}

有什麼我需要添加的地方，使圖像響應？我嘗試了幾件事，但他們似乎沒有工作。如果任何人都可以幫助我，那就太好了。謝謝:)

來源

2015-07-21 Angelxv

您能否提供您的網頁的實時鏈接？解決起來會更方便。 – divy3993

嘗試添加此，

.file_image img 
{ 
    width:100%; 
    height: auto; 
}

來源

2015-07-21 16:25:32 dnavas77

我剛試過這個，它的工作原理！非常感謝你，我不會想到嘗試這種方法！ :)現在完美工作謝謝:) – Angelxv

我很高興我可以幫助:) – dnavas77

你應該嘗試設置圖像寬度max-width而不是width這種情況。

.file_image { 
    float: left; 
    margin-right: 30px; 
    width: auto; 
    max-width: 480px; 
    text-align: center; 
}

希望它可以幫助。好運'

來源

2015-07-21 16:25:50

感謝您的建議。我剛剛嘗試過，但它似乎還沒有任何區別呢？ – Angelxv

無法調整圖像的大小以響應

回答

相關問題