html - Bootstrap Image Responsive messed up on IE -
html - Bootstrap Image Responsive messed up on IE -
i had been developing website using bootstrap , basically, have structure..
<div class="container"> <img src="~/content/theme/img/image.png" class="img-responsive" style="margin: 0 auto;" /> </div>
it works on chrome , firefox when test on net explorer 9, image becomes enlarged, beyond image size itself. when used debug mode on ie (f12) , untick width:100%;
setting under .img-responsive
, returns normal.
how should resolve this? i've tried few solution on here including adding .col-sm-12
image, still doesn't prepare on ie.
since no reply has been posted, i'll pipe up. add together overrides stylesheet:
.img-responsive {width: auto;}
that, in conjunction max-width
statement in bootstrap, should resolve issue. note bootstrap v3.2.1 reverted commit caused issue.
github give-and-take bug #13996
html twitter-bootstrap internet-explorer responsive-design
Comments
Post a Comment