资讯专栏INFORMATION COLUMN

meta标签 解读大全

CKJOKER / 821人阅读

摘要:而设置相应标签,则添加到主屏上的图标就会使用我们指定的图片。基于设置为,可以为设置一个类似的启动画面。和不同,不支持属性,要使用来加载不同的启动画面。详细查询大漠的文章。所以,对于移动端,把通用的起始模板写成的

  

  width: viewport 的宽度 (范围从 200 到 10,000 ,默认为 980 像素 )
  height: viewport 的高度 (范围从 223 到 10,000 )
  initial-scale: 初始的缩放比例 (范围从>0到 10 )
  minimum-scale: 允许用户缩放到的最小比例
  maximum-scale: 允许用户缩放到的最大比例
  user-scalable: 用户是否可以手动缩放


  是否删除默认的苹果工具栏和菜单栏


  当设置了app形式之后,作用是控制状态栏显示样式,但是本机ios7测试之后没啥改变……不解


  iphone会把一串数字识别为电话号码,点击的时候会提示是否呼叫,屏蔽这功能则把telephone设置为no,
要启用电话功能,请使用Call Me : 13888888888来代替,
邮件则为发送邮件

其他的meta设置






















此外,apple还有两个有趣的标签:

  1. apple-touch-icon

  href="touch-icon-ipad.png">

  如果apple-mobile-web-app-capable设置为yes了,那么在苹果机的safari上可以通过添加到主屏按钮将网站添加到主屏幕上。而设置相应apple-touch-icon标签,则添加到主屏上的图标就会使用我们指定的图片。

  2. apple-touch-startup-image

  

  基于apple-mobile-web-app-capable设置为yes,可以为WebApp设置一个类似NativeApp的启动画面。和apple-touch-icon不同,apple-mobile-web-app-capable不支持sizes属性,要使用media来加载不同的启动画面。详细查询大漠的文章。

// iPhone media="(device-width: 320px)" rel="apple-touch-startup-image" />

// iPhone Retina media="(device-width: 320px) and (-webkit-device-pixel-ratio: 2)"
rel="apple-touch-startup-image" />

所以,对于移动端,把通用的起始模板写成sublime的snippet:


    


    
    
    
    
    
    ${1}


    ${2}


]]>
    mhd
    Mobile Frame
    text.html

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/50496.html

相关文章

  • 精彩文章赏析 - 收藏集 - 掘金

    摘要:掘金原文地址译文出自掘金翻译计划译者请持续关注中文维护链接获取最新内容。由于以下的浏览器市场份额已逐年下降,所以对于浏览器技巧三视觉效果前端掘金揭秘学习笔记系列,记录和分享各种实用技巧,共同进步。 沉浸式学 Git - 前端 - 掘金目录 设置 再谈设置 创建项目 检查状态 做更改 暂存更改 暂存与提交 提交更改 更改而非文件 历史 别名 获得旧版本 给版本打标签 撤销本地更改... ...

    godiscoder 评论0 收藏0
  • seajs 模块源码解读

    摘要:这里的依赖都是通过来异步加载的,加载完毕之后立刻执行函数,在模块文件执行完毕后包括和其他代码,触发的事件。 入口 seajs.use seajs.use直接调用Module.use(),Module.use的源码如下: // Use function is equal to load a anonymous module // ids:模块标识,uri是dirname + _us...

    e10101 评论0 收藏0
  • 前端速查表大全,分享一些技术和工具的简明教程

    摘要:这个速查表主要是分享互联网上一些比较常用的工具和技术常用内容,如编辑器的快捷键的命令行的选择器的属性等,这个列表简单收集了常用的工具,可以收藏用于平时的备忘录,需要用到的时候可以及时查阅。 这个速查表主要是分享互联网上一些比较常用的工具和技术常用内容,如编辑器的快捷键、git的命令行、jQuery的API选择器、CSS的flexbox属性等,这个列表简单收集了常用的工具,可以收藏用于平...

    xiaochao 评论0 收藏0
  • 前端速查表大全,分享一些技术和工具的简明教程

    摘要:这个速查表主要是分享互联网上一些比较常用的工具和技术常用内容,如编辑器的快捷键的命令行的选择器的属性等,这个列表简单收集了常用的工具,可以收藏用于平时的备忘录,需要用到的时候可以及时查阅。 这个速查表主要是分享互联网上一些比较常用的工具和技术常用内容,如编辑器的快捷键、git的命令行、jQuery的API选择器、CSS的flexbox属性等,这个列表简单收集了常用的工具,可以收藏用于平...

    avwu 评论0 收藏0

发表评论

0条评论

CKJOKER

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<