第一个手机网页代码。

363 views

<!doctype html>
<html>
<head>
<meta charset=”utf-8″>
<title>手机网站</title>
<meta name=”keywords” content=”” />
<meta name=”description” content=”” />
/*<meta name=”viewport” content=”width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0″ />
详细属性:
width —- viewport的宽度(width=device-width意思是:宽度等于设备宽度)
height —— viewport的高度(height=device-height意思是:高度等于设备宽度)
initial-scale —– 初始的缩放比例
minimum-scale —– 允许用户缩放到的最小比例
maximum-scale —– 允许用户缩放到的最大比例
user-scalable —– 用户是否可以手动缩放
*/
<meta name=”viewport” content=”width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0″ />
//telephone=yes,表示网页中的数字为电话号码,默认状态下,可点击打电话。值为no时,表示不指示电话号码。
<meta name=”format-detection” content=”telephone=yes” />
<meta name=”apple-mobile-web-app-capable” content=”yes” />
<meta name=”apple-mobile-web-app-status-bar-style” content=”black”>
<meta name=”author” content=”duanliang, duanliang920.com” />
<style>
body{font-size:82.5%;font-family:”Microsoft YaHei”,Arial; overflow-x:hidden; overflow-y:auto;}
.viewport{ max-width:640px; min-width:300px; margin:0 auto;}
</style>
</head>

<body>
<div>
大家好!我是沙子,这是我的第一个手机网页!我的电话是:1389xxx1521
</div>
</body>
</html>

如果您觉得这篇文章对您有帮助,欢迎继续关注本站!!!我要赞助本站>>>

Leave a Reply

电子邮件地址不会被公开。 必填项已用*标注