今天小编就简单说下在手机版网站中需要添加哪几种 Meta 标签:

viewport

viewport 几乎已经是公认的标准了,最初是由苹果公司创建,用于 iPhone 上面的移动版 Safari,由于 iPhone 的大卖,大部分其他移动浏览器都接受,比如 Opera Mobile, iPhone, Android, Iris, IE, BlackBerry, Obigo, Firefox

最基本的例子,在移动上使站点全屏宽度:

<meta name="viewport" content="width=device-width, initial-scale=1.0"/>

HandheldFriendly

这个标签和下面介绍的 MobileOptimized 是功能机时代的事实上标签。

HandheldFriendly 标签最早在 AvantGo 浏览用来标示移动内容的,后来变成一个通用的标准用来标示移动站点,但是不知道这个标签的支持情况。

<meta name="HandheldFriendly" content="true"/>

MobileOptimized

这是一个 Windows 专有的 meta 标签也最终成为用于识别移动内容的另一种方法,但是该标签的缺点是,特定的宽度必须给出,再次,这个标签的支持情况也是未知的:

<meta name="MobileOptimized" content="320"/>

标签:
移动网站,Meta,标签

免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com