Hik*_*ndo 5 css twitter-bootstrap twitter-bootstrap-3
根据http://getbootstrap.com/css/#images-responsive，我想通过使用使我的图像支持响应式网站
<img src="..." class="img-responsive" alt="Responsive image">
但它不起作用。
这是我的代码，
<body>
<img class="img-responsive" src="images/myImage.png" />
</body>
原始图像大小为284x191
当我在 1920*1080 屏幕尺寸上打开浏览器时，图像尺寸为284x191。但是当我在 1280*720 屏幕尺寸上打开浏览器时，图像尺寸仍然相同。
我不知道我在动态减小图像大小方面做错了什么。感谢帮助。
您只需要 width:100% 。使用 col-xs-12：
<img class='img-responsive col-xs-12' />
或者
<img class='img-responsive' style='width:100%;' />
试试这个代码
| 归档时间： |
|
| 查看次数： |
12760 次 |
| 最近记录： |