title: Media queries in different browsers
body: <p>I am using media queries in order to achieve responsive design. But I have found out that each browser behaves differently with it for example.</p>
  
  <p>At resolution 480x856 chrome uses rules from <code>@media screen and (max-width: 480px)</code> but Firefox uses rules from <code>@media screen and (max-width: 680px)</code> is there a way to achieve same result in all browsers?</p>