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
相关推荐
songfens 2020-07-05
tthappyer 2020-06-02
lengyu0 2020-05-20
qsdnet我想学编程 2019-12-19
wangjie 2019-12-01
王景迁 2019-11-19
纯屌丝程序猿 2014-04-09
LiybSunshine 2019-11-08
淡风wisdon大大 2019-11-04
小笨要阳光 2015-01-20
scdn 2015-06-12
fengent 2018-10-19
loverlucky 2016-02-24
cscscssjsp 2019-07-12
wcssdu 2019-07-01
ChinaGuanq 2019-07-01
oKeYue 2019-06-28
FruitHardCandy 2016-09-19
我的程序员人生 2016-08-30