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

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可能会有所帮助。

干杯！

马丁