牛骨文教育服务平台(让学习变的简单)
博文笔记

移动端meta标签

创建时间:2017-08-02 投稿人: 浏览次数:520
在移动设备浏览器上,通过为viewport meta标签添加user-scalable=no可以禁用其缩放(zooming)功能。这样禁用缩放功能后,用户只能滚动屏幕,就能让你的网站看上去更像原生应用的感觉。注意,这种方式我们并不推荐所有网站使用,还是要看你自己的情况而定!


<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">


当网站添加到主屏幕快速启动方式,可隐藏地址栏,仅针对ios的safari(ios7.0版本以后,safari上已看不到效果)




<meta content="yes" name="apple-mobile-web-app-capable">


将网站添加到主屏幕快速启动方式,仅针对ios的safari顶端状态条的样式(可选default、black、black-translucent)




<meta content="black" name="apple-mobile-web-app-status-bar-style">


忽略将页面中的数字识别为电话号码




<meta content="telephone=no" name="format-detection">


忽略Android平台中对邮箱地址的识别




<meta content="email=no" name="format-detection">


预加载常用图片用来提高手机下的访问速度


<link rel="prefetch" href="预加载的图片" />
声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。