最近在搞WAP2.0,才发现越是简单的东西越是难!这不,今天又发现问题了:页面传至服务器后预览页面不能自适应手机宽度,总是呈现网页版大小!文字小的看都看不清!
问了公司技术人员,学习了一下,原来简单的一句MEAT就能解决问题啦:
网页手机wap2.0网页的head里加入下面这条元标签,在iPhone的浏览器中页面将以原始大小显示,并不允许缩放。
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0;user-scalable=0;" />
其中:
width - viewport的宽度 height - viewport的高度
initial-scale - 初始的缩放比例
minimum-scale - 允许用户缩放到的最小比例
maximum-scale - 允许用户缩放到的最大比例
user-scalable - 用户是否可以手动缩放
这对于以前一直忽略meat的作用,现在才发现其强大之处,菜鸟咯菜鸟