@media查询，最大设备宽度和桌面浏览器

Question

有没有人遇到“max-device-width”问题并且有渲染问题。 我的印象是“max-device-width”仅在手机，平板电脑和移动设备上呈现，而不是在桌面浏览器上呈现。 对我来说，它是在桌面浏览器上呈现。 当设置浏览器并加载带有@Media查询的css文件的初始加载时，会发生这种情况。 所以，如果我有

@media screen and（max-width：500px），screen and（max-device-width：1280px）{/ *我的手机样式* /}

桌面浏览器或桌面的屏幕分辨率设置为1280px，它实际上将呈现1280px样式的移动样式而不是桌面样式。 浏览器制造商是否将“max-device-width”添加到他们的浏览器版本中？任何指针或insite都会很棒。

编辑： 我的样式表是这样的。

 /* My desktop styles here with no media query. */
 body{}
 .desktopStyle{}

 /* Then my media query for mobile devices. */
 @media screen and (max-width:500px), screen and (max-device-width: 1280px){
 /* My mobile styles here */
 }

感谢。