iPhone 5和5S媒体查询级联到三星Galaxy S4

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2)

在这个媒体查询样式是在三星“级联”或“泄露” Galaxy S4。

我没有使用实际的三星Galaxy S4进行测试，而是使用Chrome F12工具设备模式。设备模式“欺骗”用户代理字符串和查看端口以测试不同的设备。

因此，也许Chrome F12工具Device Mode没有正确“欺骗”用户代理字符串和查看端口，以便我可以真正测试我的媒体查询。

我认为我的iphone 5 & 5S媒体查询的-webkit-min-device-pixel-ratio: 2“条件”可以消除iPhone 5和5s媒体查询CSS“泄露”到本机或欺骗用户代理屏幕的机会并查看端口。

Galaxy S III拥有2.0像素设备像素比例，而且4拥有3.0分钟的设备像素比例，所以CSS在其渲染中是正确的。

2015-05-06 02:49:03

我不遵循，我的iPhone 5媒体查询是2和三星Galaxy S4的分钟设备像素比率为3的分装置的像素比例，因此不应该在iPhone 5媒体查询不三星Galaxy的设备比例是3？ –

您使用最小的语句表示最小值是2加上2以上的任何值.S4是3，因此它符合CSS规则。相反，如果最大设备像素比例是2然后2和2以下的任何东西将符合条件，从而消除S4是3。 –

哦，是的，我累了，应该停止工作大声笑，谢谢！ –

回答