我正在使用window.innerWidth，window.innerHeight，window.outerWidth和window.outerHeight来布局移动网页中的组件。但是我注意到一个有趣的事实：移动浏览器返回的值远小于实际的屏幕分辨率。例如：
我的电脑：innerWidth：1920，outerHeight：1056。res：1920 * 1080
我的星系s3：innerWidth：360，outerHeight：567。res :(不确定，但必须大于此）
ipad air：innerWidth：768，innerHeight：928。res：2048 * 1536
kik messenger浏览器在ipad air上运行：innerWidth：320，outerHeight：480。res：2048 * 1536
我不确定为什么会这样。我正在使用画布在我的网页上绘制图像。 PC浏览器上的图像非常清晰。但是在移动浏览器上有点模糊。如果在kik messenger的浏览器中运行，文本和图像会超级模糊。我认为模糊的文字和图像可能是由问题引起的，所以它应该有助于解决这个问题。