Internet Explorer 11 Using Media Query Css

I'm doing some testing on IE 11 and it's using the CSS for mobile devices and not the 'full screen' css. Chrome, Firefox, Opera and Safari all use the correct 'full screen' CSS, bu

Solution 1:

can you try this:

@media all and (max-width: 479px) {
  //mobile CSS
}

with all you are targeting all devices, and not only the desktop version you are now targeting with screen.

For mobile only, you would do this:

@media (max-width: 600px) {
  //mobile CSS
}