Safari / IE显示至少没有响应移动宽度

Question

我正在添加一些（@media）条目以使我的网站响应，这在Chrome中运行良好。

但是，在IE / Safari中，当我将其缩小到最小宽度（<475px）时，它会显示旧的默认设置，而不显示移动媒体设置。所有其他宽度（476-1040）显示正常。

我的媒体设置为：

@media (min-width: 768px) and (max-width: 1040px){
@media only screen and  (max-width: 475px){
@media (min-width: 476px) and (max-width: 575px){
@media (min-width: 576px) and (max-width: 675px){
@media (min-width: 676px) and (max-width: 767px){
@media (min-width: 768px) and (max-width: 1040px){

我没有为任何条目添加webkit / moz等设置。

Answer 1

已修复，有一个针对该尺寸的@media查询进一步向下导致覆盖。