我有三星Galaxy S3 Android版本2.3,我正在尝试更改一些媒体查询。我正在使用这个:
@media only screen and(-webkit-device-pixel-ratio:2){}
这似乎适用于Android上的Chrome,但不适用于原生的Android浏览器。我看过这个浏览器的目标是什么,它表示360px W,567px H,-webkit-pixel-ratio:2,但它不起作用。有谁知道如何让这个浏览器运行?
答案 0 :(得分:0)
尝试将像素比率设置为1.5。我实际上没有对此进行测试,但看起来hdpi设备的密度实际上可能为1.5(hdpi为240dpi,因此它的mdli为1.5像素密度,基线为160dpi)。
@media only screen and (-webkit-device-pixel-ratio: 1.5) {}
如果事实证明这是正确的,那么核心浏览器可能比Chrome更严格,并要求您输入确切的值。
以下文章提供了更多详细信息:http://developer.android.com/guide/webapps/targeting.html
我假设S3使用hdpi图形,但如果这不正确,则下面的Stack Overflow有一个更完整的像素密度列表(Google的文章有点陈旧,所以只能达到hdpi):Android screen sizes in Pixels for ldpi, mdpi, hpdi?