已解决430363个问题，去搜搜看，总会有你想问的

bootstrap怎么实现图片大小自适应

关注

首页猿问 bootstrap怎么实现图片大小自适应

Bootstrap

　Bluesy゜ 2016-05-13 11:04:46

我在网格中插入一张图片，但是图片不会自适应大小，怎么回事

查看完整描述

3 回答

花易折

TA贡献7条经验获得超10个赞

例如： <img class="img-responsive" src="aaa/bbb/ccc.jpg"/>

4 反对回复 2016-05-16

宸硕0

TA贡献7条经验获得超4个赞

$(".classname img").addClass("carousel-inner img-responsive img-rounded");
图片自动缩放。

某博客

1 反对回复 2016-05-13

慕妹4101475
插入的是背景图，不是图片格式。

回复 2016-05-17
iamjoan
背景图片自适应缩放核心代码 .mysec{ width:100%; height:100%; background-image:url(1.png); background-origin:content; /*从content区域开始显示背景*/ background-position:50% 50%; /*图片上下左右居中*/ background-size:contain; /*保持图像本身的宽高比例，将图片缩放到宽度或高度正好适应定义背景的区域*/ background-repeat:no-repeat; /*图像不重复显示*/ } <section class="mysec"></section>

回复 2017-07-14

关注

0/150

提交

取消