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

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

  • EnableViewportScale在项目的 “supporting files” =》“PhoneGap.plist” 里面
  • <meta name="viewport" content="width=640"> 只要这么简单的一句就好了,多了反而不起作用

另外,关于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

相关推荐