Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

img-responsive failure by using IE11

I am new to this and I'm building my first landinpage with the help of bootstrap. So don't be mean to me ;)

I added a big picture with the width of 2400px and added the class "img-responsive" to make the suitable for every viewport. But in IE11 it does not work. In Mozilla or Chrome there is no problem but I can not find any solution. Can somebody give me some advice?

Thank you very much, Tobi

Here is a example of the html:

<img src="images/headerbild.png" alt="Flensboxx" class="img-responsive"/>
like image 706
Tobi Avatar asked Jun 09 '16 11:06

Tobi


People also ask

What is IMG responsive?

.img-responsive. Makes an image responsive (will scale nicely to the parent element)

Why should you use responsive images?

Give your visitors the most appropriate images for their devices and screens. Text on the web automatically wraps at the edge of the screen so that it doesn't overflow. It's different with images.


1 Answers

just insert this in cover.css

.img-responsive{width: 100%;}
like image 145
HudsonPH Avatar answered Oct 06 '22 01:10

HudsonPH