meta标签

来源:2-1 页面重置和 Dialog 结构搭建

qq_其实我是一只喵_0

2017-04-27 10:25


<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="format-detection" content="telphone=no, email=no"/>

为什么写两遍

写回答 关注

1回答

  • 我家在玉堆
    2017-05-10 11:49:27
    已采纳
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" />
    这个是设置视口的
    <meta name="apple-mobile-web-app-capable" content="yes" />
    这meta的作用就是删除默认的苹果工具栏和菜单栏。content有两个值”yes”和”no”,当我们需要显示工具栏和菜单栏时,这个行meta就不用加了,默认就是显示。
    
    <meta name=”apple-mobile-web-app-status-bar-style” content=black” />
    默认值为default(白色),可以定为black(黑色)和black-translucent(灰色半透明)。
    注意: 若值为“black-translucent”将会占据页面px位置,浮在页面上方(会覆盖页面20px高度–iphone4和itouch4的Retina屏幕为40px)。
    <meta content="telephone=no" name="format-detection" />
    <meta content="email=no" name="format-detection" /> //将不识别邮箱
    告诉设备忽略将页面中的数字识别为电话号码

    给你我收藏的网址看看里面有详细的介绍

    http://www.cnblogs.com/aimyfly/p/4432121.html

移动端Web组件-Dialog对话框

教你学习移动端web组件开发,优化扩展渐近增强的开发过程

25973 学习 · 23 问题

查看课程

相似问题