meat搞定HTML页面宽度自适应

最近在搞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的作用,现在才发现其强大之处,菜鸟咯菜鸟
posted @ 2013-02-20 14:51  Nina  阅读(746)  评论(0编辑  收藏  举报