一般移动端的HTML页面
<!DOCTYPE html>
<html lang = "">
<head>
<meta charset='utf-8' />
<meta name = "viewport" content = "width = device-width, initial-scale = 1.0,
minimum-scale=1.0,maximum-scale = 1.0, user-scalable = 0" />
<title>测试</title>
</head>
<body>
<div>内容</div>
</body>
</html>
下面大概说一下这些属性是干嘛的吧;
1. <meta charset='utf-8' />
<!--申明编码 -->
2. <meta name = "viewport" content = "width = device-width, initial-scale = 1.0,
minimum-scale=1.0,maximum-scale = 1.0, user-scalable = 0" />
<!--width - 可视区域的宽度,值可为数字或关键词device-width -->
<!--height - viewport的高度-->
<!--initial-scale - 初始的缩放比例-->
<!--minimum-scale - 允许用户缩放到的最小比例-->
<!--maximum-scale - 允许用户缩放到的最大比例-->
<!--user-scalable - 用户是否可以手动缩放-->
3. <meta name="format-detection" content="telephone=no" />
<!--content="telephone=yes" 在iPhone 手机上默认值是(电话号码显示为拨号的超链接)-->
<!--可将telephone=no,则手机号码不被显示为拨号链接-->
4. <meta name="format-detection" content="email=no" />
<!--忽略识别邮箱-->
5. <meta name="msapplication-tap-highlight" content="no">
<!-- windows phone 点击无高光 -->
6. <meta name="author" content="author name" />
<!-- 定义网页作者 -->
以上仅供参看!!!有更大的需求可参考百度,嘻嘻~
网友评论