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. python3下安装Django

    1.下载python3 https://www.Python.org/ 我下载的是Python3.5.1 选的 Windows x86-64 executable installer 2. 打开cmd ...

  2. Ubuntu 16.04 下使用Xampp

    Ubuntu 16.04 下使用Xampp 什么是Xampp? XAMPP(Apache+MySQL+PHP+PERL) 是一个功能强大的建站集成软件包.这个软件包原来的名字是 LAMPP,但是为了避 ...

  3. 用js实现瀑布流的一种简单方法

    现在说瀑布流式布局似乎有点晚了,但是每一项技术都是向着“精”和“简”的方向在不断发展,在发展到极致之前,需要一个相当漫长的过程,因此,从这个角度来说,当瀑布流被应用得越来越多的时候,反而更应该讨论它, ...

  4. debian下使用gitosis+gitweb搭建SSH认证的git服务器

    搭建完成Git服务器后,需要使用两台机器进行测试,一台机器作为服务器端server,一台服务器作为客户端client.整个系统,需要三个计算机账户,这里假设server端的账户名为git,client ...

  5. 升级到win8.1右键响应慢

    网上很多资料都是在显卡上做文章,试了N次确定不是这个问题. 后来查到这个好用了.以管理员身份运行 下面代码保存bat即可 regsvr32 /u /s igfxpph.dll reg delete H ...

  6. linux添加新LUN，无需重启

    linux添加新LUN,无需重启 在给存储增加新的Lun时,在linux下一般是: A.重启操作系统B.重启HBA卡驱动 1. kudzu添加完新硬盘后,运行命令kudzu重新扫描新的硬件设备,类似a ...

  7. 打包java项目为可执行程序(exe)

    一直都是编写了java程序后在控制台 javac --> java 命令运行,或者在eclipse中运行,今天突然想怎么可以写好了一个项目随处可以运行呢? 于是网上搜了步骤,跟着一步一步实现了, ...

  8. SSH框架的简单示例（执行流程）

    本文转自一篇博文,感觉通俗易懂,适用于初学j2ee者,与大家一起分享 (一)struts框架部分 1.打开Myeclipse,创建一个web project,项目名称为TestSSH. 2.在web的 ...

  9. 练习1-21：编写程序entab，将空格串替换为最少数量的制表符和空格。。。（C程序设计语言 第2版）

    #include <stdio.h> #define N 5 main() { int i, j, c, lastc; lastc = 'a'; i = j = ; while ((c=g ...

  10. (转)解释一下SQLSERVER事务日志记录

    本文转载自桦仔的博客http://www.cnblogs.com/lyhabc/archive/2013/07/16/3194220.html 解释一下SQLSERVER事务日志记录 大家知道在完整恢 ...