iphone手机嵌套H5页面出现的问题还真多,刚开始的时候还真不知道这是什么问题,还好从找到了解决方法
这点是手机站开发者都应该知道的,就是设置meta中的viewport;有些手机站有如下声明:
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN " "http://www.wapforum.org/DTD/xhtml-mobile10.dtd ">
设置DTD的方式是XHTML的写法,假如页面运用的是h5可以不用设置DTD,直接声明
使用viewport使页面禁止缩放,通常把user-scalable设置为0来关闭用户对页面视图缩放的行为
<meta name="viewport " content="user-scalable=0 " />
为了更好的兼容,我们使用完整的viewport设置
<meta name="viewport " content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0 " />