为什么视口不为移动设备缩放此图像?它没有反应
Why doesn't viewport scale this image for mobile devices? it's not responsive
我正在尝试让我的网站响应手机和平板电脑。我知道让它响应的一种方法是包含这个元标记:
<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>
视口元标记是正确的起点,但它根本不够。可能会 max-width: 100%
对图像应用快速修复,但这实际上取决于您的代码而不是图像本身,没有代码很难猜到。
以下 some additional sources 可能对您有所帮助。
干杯!
马丁
我正在尝试让我的网站响应手机和平板电脑。我知道让它响应的一种方法是包含这个元标记:
<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>
视口元标记是正确的起点,但它根本不够。可能会 max-width: 100%
对图像应用快速修复,但这实际上取决于您的代码而不是图像本身,没有代码很难猜到。
以下 some additional sources 可能对您有所帮助。
干杯!
马丁