html手机网页自适应宽度 

#在head之间加如下代码即可
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />

　　另：附上宣传单页视频代码

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
    <title>宣传页标题</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" /> 
</head>
<body>
<div>
<img src="bg1.jpg" width="100%" border="0"></a>
</div>
<div>
<video controls="" loop="" autoplay="" name="media" width="100%" >
<source src="你的视频地址" type="video/mp4" align="center" border="1" height="200">
</video>
</div>
</body>
</html>

　　

posted @ 2017-04-12 13:40  忙碌在路上  阅读(12995)  评论(0)  编辑  收藏  举报