移动端的Meta基础知识

1 H5页面窗口自动调整到设备宽度,并禁止用户缩放页面:

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

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

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

3 当网站添加到主屏幕快速启动方式,可隐藏地址栏,仅针对ios的safari:

1 ios7.0版本以后,safari上已看不到效果

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

4 将网站添加到主屏幕快速启动方式,仅针对ios的safari顶端状态条的样式:

1 < 可选default、black、black-translucent >

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 对于桌面平台web布局中大家对meta标签再熟悉不过了,它永远位于 head 元素内部,今天我们就来说说移动平台的...
    MYS_iOS_8801阅读 3,868评论 0 1
  • 一、先罗列一些知名网站的META 1.天猫 天猫触屏版 2.淘宝 淘宝网触屏版 3.京东 京东 - 手机版 4.网...
    Mike_Gu阅读 4,392评论 0 0
  • 随着html5的普及和Web技术的净化,从Windows XP的IE6到IE8、IE9、IE10、IE11,Edg...
    波段顶底阅读 6,794评论 1 1
  • 从赤日炎炎的夏天走到了秋雨霏霏的今天,万荣联社已经开启了第五轮全面清收不良贷款。“把清收不良贷款工作当做一种常态化...
    吴老西阅读 5,543评论 0 1
  • 周日,他晚上8点半就回来了,吐了将近个1小时就去睡觉了。我一直没有理会他,他从回来到睡着之前没有同我讲过...
    轮廓6阅读 2,738评论 5 2

友情链接更多精彩内容