今天小编就简单说下在手机版网站中需要添加哪几种 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"/>
如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!
网友评论