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
Post a Comment