最近用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
分享到:
相关推荐
主要是一些在Mac上开发 iOS 使用PhoneGap 开发Html5
PhoneGap iOS 自定义插件
PhoneGap命令行工具快速创建IOS PhoneGap项目,基于Mac OS X 有截图
Phonegap项目中,使用js脚本调用ios中OC代码,需要使用Phonegap提供的一个脚本插件:cordova.js
phonegap 2.9 ios配置安装详细教程 每一步有图
PhoneGap html5 拍照上传DEMO
这是一个用目前phonegap最新版本2.9生成的helloworld,之前按官方文档去做,老是no such file....,后来多次试验才发现文档写得不够仔细啊
压缩包中提供了phonegap项目实例,同时包含调用iosSDK里面地理定位,加速器,联系人,声音和振动等功能的类库,简单易用,未开发节约时间。 PhoneGap是一个开源的开发框架,使用HTML,CSS和JavaScript来构建跨平台...
跨平台框架支持在android,塞班,苹果ios等平台运行的一个框架。
前几天用phonegap编译GameBuilder+CanTK时,发现HTML里的viewport无效。CanTK根据devicePixelRatio检测设备的...iOS平台的解决方法:在phonegap的config.xml中增加一行配置: <preference name=EnableViewportScale
PhoneGap IOS 端源码 使用HTML+css+javascript开发移动设备软件的技术
phoneGAP就是Cordova,据说执行起来比网页快, Android, ios通吃
iOS与web 开发结合, 利用phonegap ,大部分用到的插件的demo
phonegap ios 微信分享需要的东西
PhoneGap开发ios应用是否要交年费? 答:需要,因为编译后同ios的本地应用没有区别,同样要通过许可证发布到App Store中 2、PhoneGap不同平台的SDK是否一样? 答:不一样,这与不同平台API所相关,如ios是...
IONIC+PhoneGap项目源码,爱下不下
com.kandy.phonegap 插件文档:
IOS应用源码之phonegap原生代码与js交互.zip
cordova扫码插件phonegap-plugin-barcodescanner,修复了在ios10上面的内存泄漏导致的闪退bug