入门客AI创业平台(我带你入门,你带我飞行)
博文笔记

移动端meta标签

创建时间:2017-08-02 投稿人: 浏览次数:159
在移动设备浏览器上,通过为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="预加载的图片" />
声明:该文观点仅代表作者本人,入门客AI创业平台信息发布平台仅提供信息存储空间服务,如有疑问请联系rumenke@qq.com。
  • 上一篇:没有了
  • 下一篇:没有了
未上传头像