有很多好的框架可以借鉴的，比如bootstrap教程的话，你可以看看兄弟连的H5教程有专门讲响应式的，移动端的；这里以移动端响应式网站为例，讲述如何制作响应式网页#xF4CF选定基本设计尺寸选定基本设计尺寸，一般以1080为基准确定响应式web设计的应用场景之后，和美工或设计师沟通，之前，一般需要美工出几套主流移动设备屏幕分辨率的设计图，现在，使用；移动设备上调试html5开发的网页，可以使用Chrome浏览器的远程调试功能实现，需要先翻墙才可以，还需做如下准备1PC Chrome最新版 2安卓 Chrome最新版 3数据线一根 插上数据线，打开手机里的浏览器，然后PC浏览。

android实机调试也很方便，可以直接通过usb将html文件放到手机中，用浏览器打开即可iosios就比较麻烦，你需要将页面放到iis或者tomcat服务器上，并通过局域网ip地址及端口号去访问你的网站ios问题比较多，尤其是它可恶的；21 先在手机Safari中打开你想调试的网页，并用数据线连接到电脑我这里是Mac22 再在电脑上打开Safari点击Develop菜单，就会看到如下图所示点击查看大图33 点击22中的网站名就会在电脑上打开Safari的；1在网页上搜索哔哩哔哩弹幕网，进入官网页面2在哔哩哔哩弹幕网主页面，随便选择一个视频点进去，也可以选择找自己要看的视频要点视频项进去，不然不会有HTML5播放器修改3点开视频之后，寻找到在视频的左上角竖着。

首先保证你的移动设备和你的开发设备处于同一网络环境内然后用手机浏览器输入地址就可以打开网页，原来的localhost换成ip；4可以更改这个元素的图形，直接从自己的手机当中选择一幅图片来替换原来手机模板当中的图片5还可以更改手机网页当中的文字格式，而修改这个文字的链接，在点击文字的时候可以跳转到其它的网页6手机网页当中特定元素的；直接使用手机自带的浏览器，用电脑将html文件传送到手机里，使用手机资源管理器打开即可；HTML5网页在电脑端和手机端都全屏显示的步骤如下1打开HTML5网页代码2在网页头部加上新代码，让网页的宽度自适应设备的宽度代码如下ltmeta name=quotviewportquot content=quotwidth=devicewidth initialscale=10 maxi；2KendoUIKendoUI是一个HTML5平台，开发者利用它可以开发新颖的交互的移动应用程序和网站该框架提供了大量的动画和丰富的拖拽功能模板功能以及提供了将近10款客户端常用的数据绑定小部件，如图表组合框以及常用表格3；1打开百度，在百度上搜索易企秀，然后点击搜索，在搜索的结果中点击进入易企秀的官方网站2进入后，先登录自己的账号，可以直接用微信登录即可，登录后就可以开始制作自己的手机网页微场景了3首先点击我的场。

1打开HTML5网页代码2在网页头部添加新代码，使网页宽度适应设备宽度代码如下3输入代码后，将包括图片DIV在内的图片宽度设置为100%如何弄可以让手机打开网页的时候可以全屏显示你要知道电脑屏幕的分辨率，或手机屏；2去html5页面制作平台，如vxplowixmakaim都可以做html5的手机页面，不过wix现在没有中文网站vxplo功能很齐全，但同时操作很复杂，一般人不会使用makaim通过模板组合添加图文的方式制作，适合刚入门的同学；工具原料sublimetext1打开你需要制作手机网页的html或者php等等网页源码文件在 之间加入meta标签2向浏览器声明该网页为移动设备自适应网页的meta标签为3将以上标签加入之后保存，再用手机打开即是自适应网页了企业网站的；第一种是采用WML编写适合于按键的传统手机的WAP网站，第二种是采用时下比较流行的HTML5编写前台而如今随着中国的移动互联网发展和智能触屏手机的普及，WAP网站已经逐渐退出历史舞台并在程序或者主机上写好判断规则，如果是；输入你的电脑IP+HTML就可以找到你编写的网页了获取本机IP的方法，在cmd命令行中输入quotipconfigquot然后回车，找到 IPv4 地址 这就是你的内网IP，在手机浏览器输入这个地址+HTML就可以看到你的网页了，如 00。