Twitter Bootstrap响应图像的大小不同，大小不成比例
玛丽安娜·埃尔南德斯（Mariana Hernandez）
我是在Bootstrap上使用img响应类的新手，我有以下页面：
我希望图像以相同的比例显示在此处，例如，如右图所示。我添加了此CSS并将类应用于图像，但是当我调整窗口大小时，响应式调整大小不成比例。
.imageClip{
width:350px;
height:255px;
overflow:hidden;
}
使用CSS调整大小的示例：
这是我的代码：
<div class="col-sm-4">
<img class="img-responsive imageClip" src="{$servicio.med_ruta}">
<h3>{$servicio.ser_nombre}</h3>
<p>{$servicio.ser_descripcion}</p>
<a class="btn btn-link btn-sm pull-right">More <i class="icon-angle-right"></i></a>
</div>
我想知道它是否可以在不按比例调整大小的情况下执行此操作。谢谢
托马斯·阿尤布
尝试：
.imageClip{
width:30%;
height: auto;
overflow:hidden;
}
它会保持比例，并会做出响应。（我将30％作为默认值，可以随时进行调整）
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
Twitter Bootstrap 3：不同大小的不同CSS
- 2
参数大小不成比例的气泡图
- 3
更改 Twitter Bootstrap 图像轮播的大小
- 4
网格内的图像与其他网格项目的大小不成比例
- 5
CSS不成比例的图像缩放
- 6
“响应式图像优于响应式图像”-Twitter Bootstrap
- 7
为什么循环的执行时间与循环的大小不成比例
- 8
通过拇指的用户控件的WPF调整大小与拖动不成比例
- 9
为什么tkinter相对于窗口调整大小不成比例地扩展框架？
- 10
Twitter Bootstrap缺少响应类
- 11
TinyMCE-图像大小属性问题IE10-Twitter Bootstrap
- 12
解析Twitter json响应
- 13
twitter api 响应数组
- 14
Twitter Bootstrap 4列大小不正确
- 15
如何增加Twitter Bootstrap轮播导航箭头的大小
- 16
如何使用Twitter Bootstrap减小CSS中的div大小？
- 17
调整窗口大小时，Twitter Bootstrap面板的高度会增加
- 18
Kendo图表未在Twitter Bootstrap中调整大小
- 19
如何根据数据内容动态调整 Twitter Bootstrap 模式的大小
- 20
Twitter Bootstrap 3在响应图像上放置文本
- 21
Twitter Bootstrap网格：
- 22
正确打印Twitter Bootstrap
- 23
隐藏Twitter Bootstrap按钮
- 24
Twitter Bootstrap列填充？
- 25
Twitter Bootstrap的列排序
- 26
Twitter Bootstrap：打印徽章
- 27
CSS Twitter Bootstrap表单
- 28
Twitter Bootstrap Align Center。
- 29
Twitter Bootstrap，不引导
我来说两句