Grow your CSS skills. Land your dream job.

IE8 and responsive web design.

  • # January 7, 2013 at 1:43 am

    Hi guys!
    Currenty I’m working on a e-commerce system theme. I decided to make this one as responsive web design and I was thinking – does it make any sense to create responsive version for IE8? Is there anybody who actually is using IE on mobile devices? What do you think? Any suggestions?

    Thank you in advance.

    # January 7, 2013 at 1:51 am

    If you make the site mobile first, you can use this approach which works really well to just ignore less than IE8. [Your text to link here...](http://jonikorpi.com/leaving-old-IE-behind/ “http://jonikorpi.com/leaving-old-IE-behind/”)

    # January 7, 2013 at 7:48 am

    Mobile devices do not use IE8 so IE8 is most likely to be used with large enough screens which will use the default css. But if you care to make IE8 work with media queries you can try this: https://github.com/scottjehl/Respond

    If you care about the mobile version of IE you can can use IE conditional comments:

    https://blogs.msdn.com/b/iemobile/archive/2010/12/08/targeting-mobile-optimized-css-at-windows-phone-7.aspx?Redirected=true

    # January 7, 2013 at 2:48 pm

    Actually I don’t care about mobile version for IE8. Well, I wish I wouldn’t care about IE8 at all, because this is the worst thing that came to webdevelopers after IE6 and IE7. Anyway, as you suggested I’m not gonna make responsive version for IE8, I think it’s wasting of time and you’ve just proved me that. Thank you guys for your replies. I really appreciate it.

    ;]

    # July 4, 2013 at 6:50 pm

    Found this while searching for a solution. Thought I’d share for those who still care :) http://gomakethings.com/mobile-first-and-internet-explorer/

    # September 26, 2013 at 10:54 pm

    A project I worked on recently required partial responsive design to handle various screen sizes. Obviously IE7&8 doesn’t support media queries so I wrote a JQuery plugin that adds/removes viewport classes to the body tag. Combined with Compass you can import viewport specific css files.

    .lt-ie9 { .ie768up { @import “768up”; } .ie1030up { @import “1030up”; } .ie1240up { @import “1240up”; } }

    https://github.com/gamsim/ieresponsify

    Cheers

    Simon

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".