美文网首页
移动端meta 以及一些常用js事件

移动端meta 以及一些常用js事件

作者: 时代小召唤 | 来源:发表于2017-01-17 16:21 被阅读0次

    控制显示区域各种属性:
    常用的标签模板

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

    width - viewport的宽度
    height – viewport的高度
    initial-scale - 初始的缩放比例
    minimum-scale - 允许用户缩放到的最小比例
    maximum-scale – 允许用户缩放到的最大比例
    user-scalable – 用户是否可以手动缩放 0:不能

    IOS中Safari允许全屏浏览:

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

    IOS中Safari顶端状态条样式:

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

    忽略将数字变为电话号码:

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

    经常看到很多大网站下面的备案号会变成可以点击的样子 , 点了以后就会提示拨打该号码,其实就是没有加这个标签
    如果你关闭自动识别后 ,又希望某些电话号码能够链接到 iPhone 的拨号功能 ,那么可以通过这样来声明电话链接 ,

    <a href="tel:12345654321">打电话给我</a>
    <a href="sms:12345654321">发短信</a>
    

    或用于单元格:

    <td onclick="location.href='tel:122'">
    

    IOS中Safari设置保存到桌面图标:
    这是IOS中Safari特有的meta,是在你保存某个页面到桌面的时候使用这张图作为桌面图标,so,尺寸和iphone上的一致,是57*57px

    <link rel="apple-touch-icon" href="custom_icon.png">
    

    相关文章

      网友评论

          本文标题:移动端meta 以及一些常用js事件

          本文链接:https://www.haomeiwen.com/subject/atwwvttx.html