首页 > chrome移动调试中的各种手机分辨率是真实分辨率吗?

chrome移动调试中的各种手机分辨率是真实分辨率吗?

如果不是,如果想模拟一台手机,我是不是应该用responsive模式,自己改成相应分辨率?


并不是指的手机中屏幕的实际物理像素。
谷歌浏览器模拟的是不同手机屏幕的尺寸大小。通过这个你可以查看UI界面对于不同尺寸屏幕适应性的好还。

经验分享

去年做过一个Canvas图像识别的应用。需要把图像数据传送到服务器。在用谷歌调试的时候,图像加载后的显示很正常,很清晰。但是,用手机测试的时候,发现有的图像有很细微的模糊。不仔细看很难发现。经过研究,原来是DPI和API不一致造成的。

现在大多数的手机都是高分辨率的,DPI和API在以前是1:1的关系,设计人员不用关心这个。但是,现在不是了,现在多数是1:2的关系。也就是一个物理像素长宽和逻辑像素的比是2.一个物理像素所显示的逻辑像素多了。这就是为什么,同样尺寸的屏幕,为什么老式的手机画面没有现在的手机清晰。

画面不清晰怎么办?

当时的解决方法,我使用的是这个,Canvas是这样解决的,其实解决的思路都是一样的,这里我就不再详细介绍了,参见代码即可。


chrome里调试的手机分辨率是真实的分辨率。可以调试使用,不过你用真机模拟一下更加保险一点。


大部分情况下还是可以的,但是有些时候还是不太靠谱的,注意物理像素和分辨率的不同。用真实的手机测试更保险。

【热门文章】
【热门文章】