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。 –

哦，是的，我累了，應該停止工作大聲笑，謝謝！ –

回答