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

Popular posts from this blog

magento2 - Magento 2 admin grid add filter to collection -

Android volley - avoid multiple requests of the same kind to the server? -

Combining PHP Registration and Login into one class with multiple functions in one PHP file -