制作手机版网站的时候，除了页面简洁、操作方便等访问者可以看到的地方以外，就是
Meta 标签的设置，合理设置 Meta 标签 对手机版网站的搜索引擎优化，手机浏览器的渲染展示都有非常大的帮助。对于桌面平台web布局中大家对meta标签再熟悉不过了，它永远位于 head 元素内部，做SEO的朋友一定对meta有种特殊的感情吧，之前HTML5中国分享过Meta标签与搜索引擎优化一文，文中列举出网页中常用的meta标签，并进行逐个分析；今天我们再来说说移动平台的meta标签，移动平台meta标签究竟起到哪些神奇的功能呢?
1、Meta 之 viewport
说到移动平台meta标签，那就不得不说一下viewport了，那么什么是viewport呢?
viewport即可视区域，对于桌面浏览器而言，viewport指的就是除去所有工具栏、状态栏、滚动条等等之后用于看网页的区域。对于传统WEB页面来说，980的宽度在iphone上显示是很正常的，也是满屏的，但对于webapp而言，可能就有点问题了，在iphone上我们的webapp在竖屏下通常宽度都是320，这时我们320页面在iphone上显示成啥效果呢?有人可能认为iPhone不是320的宽度么，感觉应该是满屏的吧，事实呢?我们来看一如下布局在iPhone上的显示情况
01 |
<style
type="text/css"> |
声明：该文观点仅代表作者本人，牛骨文系教育信息发布平台，牛骨文仅提供信息存储空间服务。
|
