Media queries running weird because of non-integer width
问题 Can't say is it a real problem or I'm just being paranoid but this behavior of media queries is really driving me crazy for last couple of hours. Let's consider this really simple CSS. body {background:yellow} @media (max-width:399px) { body {background:red} } @media (min-width:400px) { body {background:blue} } Problem happens when width is 399.333px! (or any float-value between 399 and 400 integers) My logic says that by using this CSS style page will never turn yellow, right? It should be