售前咨询 售后咨询
当前位置: 上海网站设计 > 建站知识 > 建站教程

手机网站设计中常用的几个标签

网站编辑:小润 | 发表时间:2015-08-03 23:03:05

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"/>

关键字: 网站设计
官方微信
上海市长宁区宣化路300号华宁国际广场中区12层
座机:+021-5994 6805
24热线:+135 8590 1130