我们想要特别针对三星Galaxy Nexus进行优化。它有1280 x 720的分辨率和像素密度为2,这使得它显示网页时就像是一台桌面设备。
我们已经尝试了以下代码:
@media screen and (max-device-width : 720px) and (-webkit-max-device-pixel-ratio : 2) and (portrait) {};
@media screen and (max-device-width : 720px) and (-webkit-max-device-pixel-ratio : 2) {};
还有其他的组合方式。但我们无法只针对这个设备做出特定的优化而不影响到其他设备如桌面电脑、平板电脑或其他手机的布局。
如有帮助将不胜感激。
我们已经尝试了以下代码:
@media screen and (max-device-width : 720px) and (-webkit-max-device-pixel-ratio : 2) and (portrait) {};
@media screen and (max-device-width : 720px) and (-webkit-max-device-pixel-ratio : 2) {};
还有其他的组合方式。但我们无法只针对这个设备做出特定的优化而不影响到其他设备如桌面电脑、平板电脑或其他手机的布局。
如有帮助将不胜感激。
-webkit-min-device-pixel-ratio
。-webkit-max-device-pixel-ratio
将针对所有低于2的像素比率。 - Nick Beranek