0

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

@media screen and (max-width:500px), screen and (max-device-width: 1280px){/*我的手机样式在这里*/}

桌面浏览器或桌面的屏幕分辨率设置为 1280px，它实际上会渲染 1280px 样式的移动样式而不是桌面样式。浏览器制造商是否在他们的浏览器版本中加入了“最大设备宽度”？任何指针或现场都会很棒。

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

 /* 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 */
 }

谢谢。

4

0 回答 0