css - mobile media queries used if screen is zoomed on desktop -



css - mobile media queries used if screen is zoomed on desktop -

im using media queries load css so:

<link rel="stylesheet" type="text/css" href="mobile.css" media="(min-resolution:1.25dppx),(-webkit-min-device-pixel-ratio:1.25),(min-device-pixel-ratio:1.25)"> <link rel="stylesheet" type="text/css" href="desktop.css" media="(max-resolution:1.24dppx),(-webkit-max-device-pixel-ratio:1.24),(max-device-pixel-ratio:1.24)">

which seems work fine (haven't tested fully, yet). however, if zoom test page on desktop 150%, , refresh, mobile stylesheet loaded?

it of import queries still work correctly zooming on desktop site.

how can prepare this?

css mobile media desktop

Comments

Popular posts from this blog

c - Compilation of a code: unkown type name string -

java - Bypassing "final local variable defined in an enclosing type" -

json - Hibernate and Jackson (java.lang.IllegalStateException: Cannot call sendError() after the response has been committed) -