Hopefully this is an easy one.

I have a MVC5 project with responsive pages where I'm loading a modal form using ajax call from a jquery function.

The server sends html code after which contains a link to a style sheet containing @media queries. Again these download and work as expected.

i.e. the content is correct and when I resize, all the styles work as expected.

typical @media style

@media only screen and (min-width : 480px) { ... }

However the issue is:

When the page initially loads in IE11, the @media styles for the screen width aren't evaluated.

(once I resize the page the @media styes work, and this doesn't appear to be a problem in Chrome)

Any ideas?

PW

Related posts

Recent Viewed