1.打开你需要制作手机视频网页的html或者php等等网页源码文件。在<head></head>之间加入meta标签。
2.向浏览器声明该网页为移动设备自适应网页的meta标签为:
<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
3.将以上标签加入之后保存,再用手机打开即是自适应网页了。
这里介绍一种栅格系统
该系统可以根据手机大小,自动调整布局
具体参见:http://v3.bootcss.com/css/#grid-options