为什么视口不为移动设备缩放此图像？它没有响应

Question

我正在尝试使我的网站能够响应移动设备和平板电脑。我知道让它响应的一种方法是包含这个元标记：

 <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% 可能会快速而简单地修复图像，但它实际上取决于您的代码，而不是图像本身，如果没有代码，很难猜测。

这里有 some additional sources 可能会有所帮助。

干杯！

马丁