From the course: Making Your Site Retina-Ready

Unlock this course with a free trial

Join today to access over 22,600 courses taught by industry experts.

Fixes for responsive Internet Explorer

Fixes for responsive Internet Explorer

From the course: Making Your Site Retina-Ready

Start my 1-month free trial Buy for my team

Fixes for responsive Internet Explorer

“

- When you add SVG as an image to your pages, especially your HTML, obviously, you're gonna have an issue, if it's responsive, in IE simply because, as we discovered in the past, it will not scale properly. I actually have a page open here that has an example of it and you can see right here, this image, this is-- Well first of all it's missing a font, okay, and that's just one of the things you have to look out for, cropping, et cetera. But if you notice this is actually responsive, it does not have width and height in the code, but in IE, a lot of versions of IE, what happens is it does not go all the way to the edge, it doesn't fit within its container. It has a certain width and height and that's pretty much it. Now if I go in and scale this you'll see it will scale, there you go, but it's not scaling so that the-- You can see right there, it's almost like the view box is staying the same, or at least the height is. But it's not working properly. So we can put a quick fix in to…

Contents