Adobe Community: mediaQueriesSupported

Currently Being Moderated

1. David_Powers,

Sep 8, 2012 11:09 AM in reply to ArtistsPage1.aspx

Report

IE 8 doesn't support media queries. There is a JavaScript polyfill called respond.js that simulates support for min- and max-width in IE 6-8. Alternatively, supply a separate style sheet in an Internet Explorer conditional comment.

Anyone using IE 8 is going to be using a desktop or laptop, so there's little need to serve it styles for narrow screen widths.

|

Mark as:

Currently Being Moderated

2. ArtistsPage1.aspx,

Sep 9, 2012 7:54 AM in reply to David_Powers

Report

Thanks for the reply. I didn’t realize IE 8 didn’t support laptops or mobiles.

|

Mark as:

Currently Being Moderated

3. ArtistsPage1.aspx,

Sep 9, 2012 8:08 AM in reply to David_Powers

Report

But isn’t respond.js the same code you include in Fluid Grids? I want compatibility across browsers and mutli-screen support.

|

Mark as:

Currently Being Moderated

4. David_Powers,

Sep 9, 2012 8:15 AM in reply to ArtistsPage1.aspx

Report

ArtistsPage1.aspx wrote:

I didn’t realize IE 8 didn’t support laptops or mobiles.

You misunderstood my reply. What I said was that anybody using Internet Explorer 8 will be using either a desktop or a laptop. Since desktops and laptops have relatively large screens, you can create a fixed-width layout for IE 8 and earlier, and link to it using an IE conditional comment.

The only mobile phones that use IE as their browser are Windows phones. The current Windows Phone 7.5 uses a browser based on IE 9. Older Windows phones use Internet Explorer Mobile, which is based on IE 6 or IE 7 (depending on how old it is).

|

Mark as:

Currently Being Moderated

5. David_Powers,

Sep 9, 2012 8:28 AM in reply to ArtistsPage1.aspx

Report

ArtistsPage1.aspx wrote:

But isn’t respond.js the same code you include in Fluid Grids?

Yes, respond.js is included when you create a Fluid Grid Layout in Dreamweaver CS6. However, if you read the description of respond.js at the link I gave earlier, it says the script's focus is very narrow. If you want something more robust, you'll need to look for a different script.

The bottom line is that IE 8 and earlier don't support media queries.

|

Mark as:

Currently Being Moderated

6. ArtistsPage1.aspx,

Sep 9, 2012 8:29 AM in reply to David_Powers

Report

But my question is still—if respond.js is supposed to support IE 8 aren’t you using that in DW?

I’m building an app using Fluid Grids and when I test it in IE9 I can re-size the screen to simulate other native screen sizes and it adjusts beautifully. For example, on a desktop I show a row of 5 images, when I resize to a “laptop” I show 3 images and when I resize the screen to “mobile” size it show 1 image. Perfect.

When I run the same thing in IE 8 all I see is the “mobile” display of 1 image across.

So, if respond.je is supposed to support IE8 why does if keep show the mobile instead of the desktop image arrangement?

Charles

|

Mark as:

Currently Being Moderated

7. ArtistsPage1.aspx,

Dreamweaver

mediaQueriesSupported

Sep 8, 2012 10:56 AM

More Like This

Bookmarked By (0)

Answers + Points = Status