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

@media屏幕和（最大宽度：500px），屏幕和（最大设备宽度：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 */
 }

谢谢 .

media-queries