手机页面的 HTML<meta> 标签使用与说明
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> 标签使用与说明的更多相关文章
- 手机页面中的meta标签
以前看书的时候,觉得meta标签就只有一个charset对于我来说是有用的.前段时间有个学弟让我写个手机版的网页,我才知道原来meta标签有那么多学问. meta指元素可提供有关页面的元信息(meta ...
- 手机网页制作教程META标签你知道多少?【转+加】
一.天猫 <title>天猫触屏版</title> <meta content="text/html; charset=utf-8" http-equ ...
- 手机页面的meta标签
<meta charset="utf-8"/><meta name="viewport" content="width=device ...
- [转]手机web HTML头信息解释和viewport meta标签解释
<meta charset="utf-8" /> <link rel="shortcut icon" href="favicon.i ...
- Meta标签中的viewport属性及含义
一.什么是Viewport 手机浏览器是把页面放在一个虚拟的"窗口"(viewport)中,通常这个虚拟的"窗口"(viewport)比屏幕宽,这样就不用把每个 ...
- 关于meta标签的name="viewport" 概述
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scal ...
- 浏览器兼容html头部<meta>标签主要内容详情
<!DOCTYPE html> <head> <meta http-equiv="X-UA-Compatible" content="IE= ...
- html页面的head标签下
head区是指首页html代码的<head>和</head>之间的内容. 必须加入的标签 1.公司版权注释 <!--- the site is designed b ...
- 使用视 meta 标签来控制手机浏览器布局
移动浏览器的Fennec一样呈现在一个虚拟的"窗口"页面(视),通常比屏幕宽.所以他们不需要去挤每个页面布局到一个小窗口(这会破坏许多非移动优化的网站) .用户可以平移和缩放才能看 ...
随机推荐
- Matlab-Octave中绘制网格图和等高线:mesh 和 surf
x=linspace(-50, 50, 50); % 在x轴上取50点y=linspace(-25, 25, 25); % 在y轴上取25点[xx,yy]=meshgrid(x, y); % xx和y ...
- 用Java程序判断是否是闰年
我们知道,(1)如果是整百的年份,能被400整除的,是闰年:(2)如果不是整百的年份,能被4整除的,也是闰年.每400年,有97个闰年.鉴于此,程序可以作以下设计: 第一步,判断年份是否被400整除, ...
- Access 2003下载地址和密钥
电驴下载链接:ed2k://|file|sc_access_2003.iso|645523456|63AA6C30D609FDC22D056C4B424283F9|/ 安装SN: HH74C-P8F7 ...
- Effecvive Java读书笔记(一):创建和销毁对象
I.考虑静态工厂方法替代构造器 优势:1.有清晰的方法名称,方便调用:多参数构造器易出现调用错误 2.不必每次调用都创建新对象 3.可以返回原返回类型的任何子类型 4.创建参数化类型实例的时候,代码简 ...
- 创建webservice实例
http://blog.csdn.net/haiyanstudent/article/details/32148207
- LintCode 392 House Robber
// Ref: https://segmentfault.com/a/1190000003811581// Ref: http://www.cnblogs.com/grandyang/p/438363 ...
- WordPress页面Page和文章Post的相互转换
1. 进入phpMyAdmin: 2. 进入WordPress对应的数据库: 3. 浏览wp_posts数据表: 4. 找到相应的 页面Page 并编辑(找到相应的 文章Post 并编辑): 5. 修 ...
- 直接代码POST数据调用WebService
ps:使用过webservice的童鞋大概都明白它是基于Soap协议交换数据的,同时Soap协议是对HTTP协议的扩展,其实我们就可以认为调用一个WEB服务就是通过http协议GET或POST数据的过 ...
- 细数.NET 中那些ORM框架 —— 谈谈这些天的收获之一
细数.NET 中那些ORM框架 —— 谈谈这些天的收获之一(转) ADO.NET Entity Framework ADO.NET Entity Framework 是微软以 ADO.N ...
- 使用ABP时报错“UPDATE 语句与 FOREIGN KEY SAME TABLE 约束"FK_dbo.AbpUsers_dbo.AbpUsers_LastModifierUserId"冲突”的解决办法
ABP理论学习总目录 一步一步使用ABP框架搭建正式项目系列教程 ABP之Module-Zero学习目录 本篇目录 问题 原因 解决办法 问题 问题的是在下面这种情况下出现的: 我在使用CodeFir ...