手机端H5 header定义样式

概述<meta content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"/><meta name="apple-mobile-web-app-capable" content="no" /><meta name="format-detection" content="telephone=no,email=no,adress=no"/><meta content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"/>1. width=device-width width:可视区域的宽度，值可为数字或关键词device-width(设备宽度)2. initial-scale=1.0, intial-scale:页面首次被显示是可视区域的缩放级别，取值1.0则页面按实际尺寸显示，无任何缩放。（初始规模）3. maximum-scale=1.0, minimum-scale=1.0;可视区域的缩放级别， maximum-scale用户可将页面放大的程序，1.0将禁止用户放大到实际尺寸之上。4. user-scalable:是否可对页面进行缩放，no 禁止缩放5. apple-mobile-web-app-capable：这meta的作用就是删除默认的苹果工具栏和菜单栏。content有两个值”yes”和”no”,当我们需要显示工具栏和菜单栏时，这个行meta就不用加了，默认就是显示。6. <meta name="format-detection" content="telephone=no,email=no,adress=no"/>format-detection翻译成中文的意思是“格式检测”，顾名思义，它是用来检测html里的一些格式的，那关于meta的format-detection属性主要是有以下几个设置：metaname="format-detection"content="telephone=no"metaname="format-detection"content="email=no"metaname="format-detection"content="adress=no"也可以连写：metaname="format-detection"content="telephone=no,email=no,adress=no"下面具体说下每个设置的作用：一、telephone你明明写的一串数字没加链接样式，而iPhone会自动把你这个文字加链接样式、并且点击这个数字还会自动拨号！想去掉这个拨号链接该如何 *** 作呢？这时我们的meta又该大显神通了，代码如下：telephone=no就禁止了把数字转化为拨号链接！telephone=yes就开启了把数字转化为拨号链接，要开启转化功能，这个meta就不用写了,在默认是情况下就是开启！二、email告诉设备不识别邮箱，点击之后不自动发送email=no禁止作为邮箱地址！email=yes就开启了把文字默认为邮箱地址，这个meta就不用写了,在默认是情况下就是开启！三、adressadress=no禁止跳转至地图！adress=yes就开启了点击地址直接跳转至地图的功能,在默认是情况下就是开启！

<div >

）

<span ><span >adress<span >=yes就开启了<span ><span >点击地址直接跳转至地图的功能,在默认是情况下就是开启！

总结

以上是内存溢出为你收集整理的手机端H5 header定义样式全部内容，希望文章能够帮你解决手机端H5 header定义样式所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/1145885.html