html - Why does Chrome (v.51.0.2704.106 m) ignore "@meda all and (max-width:849)? -
i don't find explanation why media query not work in chrome. works expected in firefox , safari, in chrome noe media query working.
this how linked in html. tried without media="all" doesn't work.
<html> <head> <meta charset="utf-8"> <title>example</title> <link rel="stylesheet" type="text/css" href="/webresources/css/styles~2016-07-28-09-01-05-000~cache.css" media="all"> </head> <body> </body></html>
my sass/scss looks , i'm not getting error while transform css gulp task.
@media , (max-width: 1200px) { } @media , (max-width: 849px) { }
the strange thing first media query used second one, should override first one, isn't used.
this style used on width: 800px
i looked in source if code missing, media querys there.
here found idea of problems link , media query, didn't help
thanks help
use record try? or equivalent.
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
usually write:
@media screen , (max-height: 26.375em){}
and have no problem.
Comments
Post a Comment