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>

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM