name="viewport“ 设置窗口（网页可绘制的区域）

width=“device-width” 应用宽与屏幕的宽一样的 （height同width）

initial-scale="1.0" 应用程序启动是缩放尺寸

minmum-scale=”1.0“ 用户可缩放的最小尺寸，1.0表示不缩放（maxmum-scale同minmum-scale）

user-scalable=”no“ 用户可用手势缩放

target-densitydpi=”device-dpi“ （制定像素密度DPI即dots per inch）device-dpi 为原设备的DPI值不缩放 注 1inch=24.5mm=2.54cm

<meta http-equiv="X-VA-Compatible" content=”IE=edge“> 强制使用ie最新内核模式渲染

<meta name="formate-detection" content="email/telephone=no/yes"> 是否在手机上自动识别电话号，邮箱号

<meta name=”apple-mobile-web-app-capable“ content=“yes”> 是否启用全屏模式，删除默认的苹果工具栏和菜单栏

<meta name="apple-mobile-web-app-status-bar-style" content="black"> 在web app应用下状态条（屏幕顶条）的颜色

<meta name="apple-touch-fullscreen" content="yes"> 添加到主屏后，全屏显示

<meta name="MobileOptimized" content=”240“> 浏览器不会自动调整文件的大小

苹果 web app

<link rel="apple-touch-icon-precomposed" href="iphone-milanoo.png"> 这个link就是设置web app的放置主屏幕上的icon文件路径，该路径需要注意的就是放到网站的文档根目录下，但不是服务器文档根目录。

<link rel="apple-touch-startup-image" href="milanoo-startup.png"> 这个link 就是设置启动时候的界面，放置路径同上，使用路径同上

手机页面的 HTML<meta> 标签使用与说明的更多相关文章

  1. 手机页面中的meta标签

    以前看书的时候,觉得meta标签就只有一个charset对于我来说是有用的.前段时间有个学弟让我写个手机版的网页,我才知道原来meta标签有那么多学问. meta指元素可提供有关页面的元信息(meta ...

  2. 手机网页制作教程META标签你知道多少？【转+加】

    一.天猫 <title>天猫触屏版</title> <meta content="text/html; charset=utf-8" http-equ ...

  3. 手机页面的meta标签

    <meta charset="utf-8"/><meta name="viewport" content="width=device ...

  4. [转]手机web HTML头信息解释和viewport meta标签解释

    <meta charset="utf-8" /> <link rel="shortcut icon" href="favicon.i ...

  5. Meta标签中的viewport属性及含义

    一.什么是Viewport 手机浏览器是把页面放在一个虚拟的"窗口"(viewport)中,通常这个虚拟的"窗口"(viewport)比屏幕宽,这样就不用把每个 ...

  6. 关于meta标签的name="viewport" 概述

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scal ...

  7. 浏览器兼容html头部<meta>标签主要内容详情

    <!DOCTYPE html> <head> <meta http-equiv="X-UA-Compatible" content="IE= ...

  8. html页面的head标签下

    head区是指首页html代码的<head>和</head>之间的内容.  必须加入的标签  1.公司版权注释  <!--- the site is designed b ...

  9. 使用视 meta 标签来控制手机浏览器布局

    移动浏览器的Fennec一样呈现在一个虚拟的"窗口"页面(视),通常比屏幕宽.所以他们不需要去挤每个页面布局到一个小窗口(这会破坏许多非移动优化的网站) .用户可以平移和缩放才能看 ...

随机推荐

  1. C#将科大讯飞语音合成文件转换为MULAW音频格式

    任务描述:通过科大讯飞语音合成组件在线完成文本转语音的合成,然后再转换为电话系统IVR要求的音频格式: wave mu-law 16位 8kHZ 64kbps. 完成步骤: 首先,我们要先通过科大讯飞 ...

  2. ruby日记1

    1.irb参数配置 ~/.irbrc IRB.conf[:PROMPT_MODE] = :SIMPLE #简化 irb 提示符,以及禁用一些烦人的自动缩进行为 IRB.conf[:AUTO_INDEN ...

  3. C#.net 中 修饰符 详解 （来自MSDN）

    自己理解的不够深刻,无奈基础较差!记上一笔,记忆深刻些,哈哈…… 1. 访问修饰符 public 同一程序集中的任何其他代码或引用该程序集的其他程序集都可以访问该类型或成员. private 只有同一 ...

  4. Python 之 super & MRO (没有遇到过适用场景)

    WOW!!! 这里wow的是真尼玛绕且没看完, 好困呐,贴上网址,等自己英文好一点再看(https://rhettinger.wordpress.com/2011/05/26/super-consid ...

  5. .NET Core也可以使用MongoDB了

    可能是由于.NET Core还不是正式版的缘故吧,MongoDB的官方Driver(http://mongodb.github.io/mongo-csharp-driver/)一直不支持.NET Co ...

  6. centos install kafka and zookeeper

    1.安装zookeeper ZooKeeper is a distributed, open-source coordination service for distributed applicati ...

  7. Web Essentials之样式表StyleSheets

    返回Web Essentials功能目录 本篇目录 智能感知 视觉提示 验证 Web标准 转换器 Web Essentials中大多数的CSS功能也适用于LESS. 智能感知 生成供应商特定的属性 如 ...

  8. var与this，{}与function 小记

    JavaScript var是用来定义一个变量,this常用来定义或调用一个属性或方法.但是在全局范围内,this和var定义变量是等价的. window console.log('window:', ...

  9. (小常识)Dictionary的遍历

                Dictionary<int, string> objDictionary = new Dictionary<int, string>();       ...

  10. svn 忽略文件不管用

    svn 不能对已添加过版本控制的文件进行忽略.于是乎,你会发先,你怎么忽略都不起作用.于是乎,该怎么办? svn忽略已添加到版本库文件或文件夹步骤: 将要忽略的文件或文件夹剪切到非工作拷贝目录. 在父 ...