我对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,本机或欺骗用户代理屏幕和视图端口。
答案 0 :(得分:1)
Galaxy S III具有2.0设备像素比率,4具有3.0分钟设备像素比率,因此CSS在渲染时是正确的。