如何在twitter-bootstrap中停止图像响应？

发布时间：2020-12-18 00:25:42 所属栏目：安全来源：网络整理

导读：我使用twitter引导来做出响应布局.它的工作原理很棒. 它使图像反应灵敏.我需要一些图像只需要固定宽度和高度. div class="span1"img src="http://i.ytimg.com/vi/uGBKzIY4mpc/0.jpg" width="50" height="40"/div 我该怎么做？解决方法创建一个新类并设置最

我使用twitter引导来做出响应布局.它的工作原理很棒.

它使图像反应灵敏.我需要一些图像只需要固定宽度和高度.

<div class="span1"><img src="http://i.ytimg.com/vi/uGBKzIY4mpc/0.jpg" width="50" height="40"></div>

我该怎么做？

解决方法

创建一个新类并设置最小高度和最小宽度等于您不想收缩的图像的宽度和高度,并将该类添加到这些图像.

例如.

/* css */
img.no-resize {
  min-height: 40px;
  min-width: 50px;
}

/* html */

<div class="span1">
  <img class="no-resize" src="http://i.ytimg.com/vi/uGBKzIY4mpc/0.jpg" width="50" height="40">
</div>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!