1、先说布局方面PC端最常用的就是固定宽度980px也有960，1000，1200，然后水平居中width980pxmargin0auto但移动端就不能这么用了，因为很多网页都是可以横屏看，也可以竖屏看很多屏幕的分辨率不一样所以只要牵涉；PC端咱们最常用的就是固定宽度980px也有960，1000，1200，然后水平居中 width980pxmargin0auto但移动端就不能这么用了，因为很多网页都是可以横屏看，也可以竖屏看很多屏幕的分辨率不一样所以只要牵涉到移动端；这篇文章主要介绍了HTML5 移动页面自适应手机屏幕四类方法总结，非常具有实用价值，需要的朋友可以参考下1使用meta标签viewportH5移动端页面自适应普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备；您说的是html5开发，针对移动端网页设计必学的知识体系一HTML5支持测试列表 在开始之前，你需要了解现代的浏览器以及移动平台对于HTML5的支持情况主流浏览器HTML5功能支持一览 移动平台HTML5支持一览 HTML5支持测试 HTML；JS是行为行为是在网页上四处飘动的广告图片滚动浏览图片时鼠标移动到图片时，放大缩小图片的效果二容易混淆概念1HTML5移动端的功能和应用程序对于苹果手机中的应用程序，属于iOS开发，语言是OC对于其他安卓；H5edu教育HTML5开发 培训为您解答HTML5做以下特别的事情 1本地存储 基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度，这些全得益于HTML5 APP Cache，以及本地存储功能 2实现多媒体更加简单 利用。

2、移动端不需要 300ms 的单击确认，所以不要监听 click 事件2 移动端网络一般较慢，如何减小页面体积及请求数，利用好缓存3 移动端需要点击的元素及其间隔不能太小，考虑手指的面积4 横屏和竖屏下的表现5 不同浏览器；1用css隐藏video视频播放控件ltstyle type=quottextcssquot videowebkitmediacontrols display ！important ltstyle css隐藏原生html5 video controls，这么设置后即使没有设置controls为false，native controls；backgroundsize100% 100% fixed表示指定的背景是永远固定的，即背景图片不随着网页的滚动而滚动ltstyle body backgroundposition center背景居中 backgroundrepeat norepeat无重复 background；该框架可利用当前移动设备的高级特性，可捕捉事件包括滑动触屏长按等无需使用图片，全部采用向量声称LungoJS 无需服务器端支持，可帮助实现 HTML5 特性，包括 WebSQLGeolocation History Device orientation 等等；1 横屏适配配置问题在编写应用程序时，您可能需要配置应用程序以正确适配横屏显示如果配置不正确或未配置适当的布局参数，应用程序可能无法正确识别横屏模式，并显示home键解决方法您可以检查应用程序的布局配置文件。

3、1LungoJS这个是被认为开发移动网站最好的HTML5开发框架，使用HTML5CSS3和JavaScript技术可帮助创建基于iOSAndroidBlackberry和WebOS平台的应用程序该框架可利用当前移动设备的高级特性，可捕捉事件包括滑动触屏长按；适应移动端end 设置横屏应用得在config里面设置，网页是无法做到的；设置横屏应用得在config里面设置，网页是无法做到的。

4、前端 和 后端 charset 不一致 ，要么统一为utf8。