iOS下phonegap里面viewport失效问题解决

阅读更多

最近用phonegap开发iphone应用，主要用html5+css3+js技术，因为iphone分辨率是很高，应用界面psd的图是按640px宽度的尺寸制作的，这样出来的页面就要求展现的时候进行缩放显示，即最常使用的viewport属性设置。但是在实际使用的时候总是不起作用，修改width的值偶尔能起一点变化，但还是不符合要求，费了几个小时搜索解决之道，才发现phonegap里面有一项 EnableViewportScale 默认是NO，只要把它变成 Yes 就都解决了。

• EnableViewportScale在项目的 “supporting files” =》“PhoneGap.plist” 里面
• 只要这么简单的一句就好了，多了反而不起作用

另外，关于viewport各个属性值之间相互影响的关系还是有些弄不明白。哪位有明了的文档推荐下。

 

参考：

apple关于viewport内容：https://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html

quirksmode.org上的描述：http://www.quirksmode.org/mobile/viewports2.html

让我这个问题得解的关键：http://stackoverflow.com/questions/9051015/scaling-does-not-work-with-phonegap-on-ipad-ios-5