媒体查询会覆盖以前的规则 - 调整大小问题

Question

我正在尝试修复网站的响应式设计，从手机，平板电脑和桌面开始。

移动设备工作正常（当我通过控制台检查，或只是通过检查移动设备 - 如三星j7，s5或iPhone 6,7 ..），也响应检查完美。

但是，桌面屏幕的大小调整根本不起作用。

如果我使用Chrom devtools检查网站，我发现无论屏幕的真正大小是什么，所有规则都会被最后一个媒体查询覆盖。

这是我的代码：

/*Mobile Devices*/
 @media (min-device-width:290px) and (max-device-width: 479px){}

/*Desktop Resizing - Small*/
 @media (min-width: 290px) and (max-width: 479px) {}

/*Tablet Devices*/
  @media (min-device-width:480px) and (max-device-width: 899px){}


/*Desktop Resizing - Medium*/
  @media (min-width: 480px) and (max-width: 899px){}

/*Desktop - Large*/
 @media only screen and (min-width:900px){}