爲什麼viewport無法在移動設備上縮放此圖片？它沒有反應

Question

我正在努力使我的網站能夠響應手機和平板電腦。我知道使它響應的一種方法是通過包括此meta標籤：

<meta name="viewport" content="width=device-width, initial-scale=1"> 

但是，當我查看我的網站在移動設備上，這是沒有規模的唯一圖像。

<div class="container"> 

<div style="background:transparent !important" class="jumbotron text-center"><h1>built from the ground up</h1> 

<img src="http://www.dotnettricks.com/img/nodejs/mean.png" alt="hrrysn"> 

</div> 

Answer 1

視口元標記是合適的地方開始，但它是不夠的。一個快速修復的問題可能是max-width: 100%適用於圖像，但它確實取決於您的代碼而不是圖像本身，並且沒有代碼很難猜測。

這裏是someadditionalsources這可能是援助。

乾杯！

馬丁