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. 【ImageView】ImageView点击事件报错空指针

    今天在使用自定义圆形imageview的时候,想利用其点击事件来实现查看个人资料功能,但是该空间在Activity中的onCreate方法中调用点击事件总是出现空指针异常,每次程序都进不去主页面,到处 ...

  2. pt_table_checksum对检查表的chunk大小的限制

    02-16T10:22:38 Skipping table xoxdb.tb_valuelog because on the master it would be checksummed in one ...

  3. office中通过宏添加快捷键

    把“Microsoft 公式 3.0”作为一个按钮放在 2013中的快速访问工具栏的方法 在使用office办公软件的过程中,因为有的人还在使用office2003版本,所以在使用高版本的office ...

  4. 关于Java线程意外退出自动重启..

    最近做项目使用到第三方推送功能,然后创建了一个线程用来循环读取队列中的数据,当队列为空时,则线程暂停2秒.一切都像想象中的辣么美好.可是在后面的测试中发现收不到推送的消息了,接着发现了原来推送的线程由 ...

  5. 前端学习之回调函数、call方法、apply方法

    今天学习的内容比较少,大部分时间是自己在写qq音乐和京东移动端的页面.现在说说今天学到的内容: 首先,回调函数,就是在函数内部中调用另外一个函数, 将一个函数当作参数传给另一个函数,被传的函数叫做回调 ...

  6. 基于OpenCv的人脸检测、识别系统学习制作笔记之三

    1.在windows下编写人脸检测.识别系统.目前已完成:可利用摄像头提取图像,并将人脸检测出来,未进行识别. 2.在linux下进行编译在windows环境下已经能运行的代码. 为此进行了linux ...

  7. C/C++头文件一览

    C.传统 C++ #include <assert.h> //设定插入点 #include <ctype.h> //字符处理 #include <errno.h> ...

  8. SecureCRT使用sz和rz命令进行文件的上传和下载

    SecureCRT可以使用sz和rz命令进行文件的上传和下载. sz文件下载: 格式:sz 文件名称 即可将服务器的文件下载至本地. rz文件上传: 格式:rz 文件名称 即可将本地文件上传至服务器. ...

  9. SubversionEdge 变更绑定地址

    接上一篇,由于VS的项目和SubversionEdge是通过固定的IP地址绑定在一起的,所以这就有个问题:如果由于种种原因,IP地址换了,那么绑定就失效了. 此时,VS项目的各种变更无法提交到Subv ...

  10. [OLE DB 源 [1]] 警告: 无法从 OLE DB 访问接口检索列代码页信息。如果该组件支持“DefaultCodePage”属性，将使用来自该属性的代码页。如果当前的字符串代码页值不正确，请更改该属性的值。如果该组件不支持该属性，将使用来自该组件的区域设置 ID 的代码页。

    SSIS的警告信息,虽然不影响使用,但是对于一个有强迫症的人来说,实在痛苦, 解决办法:控件右键--属性--AlaywayseUseDefaultCodePage 修改成True即可,默认为False