请问一下怎么控制图片的大小，能给个代码吗？ -慕课网

                        课程
                    
                        /前端开发
                        
                            /Bootstrap
                        
                        /玩转Bootstrap（基础）

请问一下怎么控制图片的大小，能给个代码吗？

PHPBird

2014-08-31

源自：玩转Bootstrap（基础） 3-24

关注问题我要回答

1226

操作

收起

3 回答

Dandelion_Yang
2014-10-14

控制图片容器大小

1 回复有任何疑惑可以回复我~

收起回答

lpandxhj

若要实现响应式控制图片大小控制容器的确是正解

2015-05-28 回复有任何疑惑可以回复我~

w3cplus
2014-09-02

控制图片大小，你可以在img标签中通过width和height来控制，如果你需要制作响应式图片，可以给img设置一个width:100%

1 回复有任何疑惑可以回复我~

收起回答

mushishi

响应式的话图片会发生什么变化？

2014-10-07 回复有任何疑惑可以回复我~

maxisbest

比如在本节代码的“响应式图片”这个部分，虽然从src那里取的是200x200大小的图片，但有width=100的存在，显示的时候显示的是100x100的图。 <div class="col-sm-6"> <img width=100 class="img-responsive" alt="200x200" src="http://placehold.it/200x200" /> <div>响应式图片</div> </div>

2015-04-30 回复有任何疑惑可以回复我~

maxisbest

而下面的代码，更改的部分是width=100%,这时候，图片的宽度会达到容器的宽度。 <div class="col-sm-6"> <img width=100% class="img-responsive" alt="200x200" src="http://placehold.it/200x200" /> <div>响应式图片</div> </div>

2015-04-30 回复有任何疑惑可以回复我~