html5移动适配 web页面适配移动端

HTML网页如何完美的适配到移动设备上

在手机上不能固定宽度，要按百分比写页面宽度。才能自适应设备。主要是这两点，当然细节上面还有很多和PC端不一样的地方。指向文件错误，比如你的网页文件在A，但是你却指向了B。你把指向的文件放到网页文件内在试试。

创新互联是一家专业提供苍溪企业网站建设,专注与成都网站建设、网站制作、HTML5、小程序制作等业务。10年已为苍溪众多企业、政府机构等服务。创新互联专业网站建设公司优惠进行中。

meta name=viewport content=initial-scale=1， maximum-scale=3， minimum-scale=1， user-scalable=no这个申明是移动设备用的，1：1显示设备屏幕大小，禁止缩放在手机上不能固定宽度，要按百分比写页面宽度。

移动端适配一般指网页适配多种尺寸屏幕，让网页效果看起来和设计师的设计稿一样。

LungoJS这个是被认为开发移动网站最好的HTML5开发框架，使用HTML5/CSS3和JavaScript技术。可帮助创建基于iOS、Android、Blackberry和WebOS平台的应用程序。

手机浏览器浏览器已经逐渐从传统桌面转向手机端，竞争也越来越激烈。

代码跳转，就是判断手机，使用独立的手机模板，使手机端更加精简这种方式的忒点如下：复杂程度中到高，取决于网站的复杂程度和您需要创建的代码库数量。代码适配所需的开发时间可能较长，且要求服务器端编程性能高。

可利用成熟javascript框架。如：Ext js、jQuery。缺点：性能差。运行速度慢，UI反应延时。不能完全跨平台。不同平台代码需要微调。内存消耗，调试难度大。

②百度guan 方曾声明，对于移动站点，当baiduspider ua或者其它无法确定来源的ua访问时，建议默认情况下直接返回html5 或xhtml 类型的移动页面，不要重定向到PC页面。第九步、手机网站适配声明。

ok，单纯说pc和移动端开发的区别，其实也就是这个，可以简单的概括来说，mobile端的网页开发比pc端的网页开发，更简单一些。

开发终端不同手机端：以手机、PDA、UMPC等便携终端为基础，进行相应的开发工作。PC端：是开发基于B/S（IE浏览器）的网页开发是由若干个页面组成的有联系的集合。

第普通移动端网页（比如手机新浪网，手机淘宝，手机百度等）这个在js方面和PC端区别不是太大；主要的区别在于移动端没有了鼠标悬停（onmouseover）；点击（onclick）还可以用；多了触摸、滑动（会用一些插件）。

有可能是CreateJS的问题，CreateJS在处理transform的时候依赖save/restore这样开销很大的操作，有些国产手机的配置很低，对这一类的支持不好。

PC端上传文件多半用插件，引入flash都没关系，但是移动端要是还用各种冗余的插件估计得被喷死，项目里面需要做图片上传的功能，既然H5已经有相关的接口且兼容性良好，当然优先考虑用H5来实现。

理解移动端单位 2理解viewport 1图片高清适配 2字体大小适配 3布局宽度适配 ---这里是分隔符，正文开始--- 不知道正在看文章的你对上面列出来的这些单位是不是很熟悉，如果是的话，就可以跳过了。

很多在线制作工具做的H5网页　epub360都有响应式功能可以自动适配各种手机的。

css部分，只需要兼容webkit内核的就可以了也就是用谷歌浏览器做测试。要考虑windows phone的话就在加写一种兼容写法咯。

网站栏目：html5移动适配 web页面适配移动端
网址分享：http://mswzjz.cn/article/dipcjii.html