zoukankan      html  css  js  c++  java
  • 2014-08-28——移动端web开发,基本Meta标签

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

      作用:设置默认尺寸,对缩放进行限制。

    2、<meta name="apple-touch-fullscreen" content="yes">

      作用:添加到主屏幕“后,全屏显示

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

      作用:删除默认的苹果工具栏和菜单栏。

    4、<meta name=”apple-mobile-web-app-status-bar-style” content=black” />

      作用:控制状态栏显示样式。默认值为default(白色),可以定为black(黑色)和black-translucent(灰色半透明)。
      注意:若值为“black-translucent”将会占据页面px位置,浮在页面上方(会覆盖页面20px高度,iphone4和itouch4的Retina屏幕为40px)。

    5、<link rel="apple-touch-icon-precomposed" href="http://spion.blog.163.com/blog/iphone_milanoo.png" />

      作用:设置web app的放置主屏幕上icon文件路径。图片尺寸可以设定为57*57(px)或者Retina可以定为114*114(px),ipad尺寸为72*72(px)。

    6、<meta name="format-detection" content="telephone=no" />    //禁止把数字转化为拨号链接。
       <meta name="format-detection" content="email=no" />    //告诉设备不识别邮箱,点击之后不自动发送。
         <meta name="format-detection" content="address=no">    //禁止跳转至地图。

      说明:format-detection翻译成中文的意思是“格式检测”。

  • 相关阅读:
    js练习-两个栈实现队列
    js练习- 给你一个对象,求有几层
    React Context上下文
    react-native StatusBar透明
    react-native-splash-screen 隐藏statusbar
    掘金转载-手写一个Promise
    multipart/form-data
    (转)浅谈测试驱动开发(TDD)
    Objective-C urlEncode urlDecode
    (转)在Xcode 7上直接使用Clang Address Sanitizer
  • 原文地址:https://www.cnblogs.com/bugong/p/3942736.html
Copyright © 2011-2022 走看看