iOS网页视图缩放以适应Retina显示屏

4
我正在使用全屏 UIWebView 在 iOS 下呈现 HTML5 应用程序,非常类似于 Cordova/PhoneGap,但我并没有使用它们。我尝试使我的 WebView 大小与底层显示匹配。不幸的是,在 Retina 显示器上,self.view.bounds 返回的值依赖于 UIScreen 缩放因子。所以我得到的是1024x768而不是2048x1536。这不是一个大问题,但我使用较小的边界(调整状态栏后)实例化 UIWebView,一些东西变得有点锯齿状。特别是在几个点上使用了画布(canvas),还有圆角边框显得很粗。需要明确的是,这不是缩放光栅资源的情况。
我没有使用那个 UIWebView 获取完整的屏幕分辨率。理想情况下,我想设置屏幕比例为1.0,但似乎不支持。您对如何最好地利用屏幕的全部优势有什么建议吗?
该问题在 iPhone 5 模拟器上最为明显。我没有那个硬件可以测试。iPad/新iPad 我认为也存在这个问题,但毛刺不那么明显。
更新: 越看越多,我认为它可能只限于 canvas。
解决方案:如果有其他人遇到此问题,请根据下面的答案,使用 width 和 height 乘以 window.devicePixelRatio 创建所有画布元素,然后设置其样式属性为原始(设备无关)大小。
1个回答

1

谢谢。我正在尝试,情况看起来好多了。 - DrC

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接