iPhone 5和5S Media Query级联到三星Galaxy S4

时间:2015-05-06 02:25:30

标签: android html ios css iphone

我对iPhone 5和5S有以下媒体查询:

@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工具设备模式没有正确地欺骗"用户代理字符串和视图端口,以便我可以真正测试我的媒体查询。

我认为-webkit-min-device-pixel-ratio: 2"条件"我的iPhone 5& 5S媒体查询将消除iPhone 5和5s媒体查询CSS将“泄漏”的可能性。到三星Galaxy S4,本机或欺骗用户代理屏幕和视图端口。

1 个答案:

答案 0 :(得分:1)

Galaxy S III具有2.0设备像素比率,4具有3.0分钟设备像素比率,因此CSS在渲染时是正确的。

Device Pixel Ratio Reference