您的位置：首页 > 移动开发

HTML5制作web app

2015-06-29 23:46 330 查看
随着智能手机(android,iPhone,winphone等)的盛行，移动互联应用开发也开始越来越受到人们的重视，用html5开发移动应用是最好的选择。接下来是做项目过程中的一点总结:
首先是每一款手机有不同的分辨率，不同屏幕大小，那么如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢，往下看。
新建一个web工程，创建一个jsp页面，页面代码如下
<!DOCTYPE html>
 <html>
     <head>
      	<meta charset="UTF-8"><!-- 中文乱码处理 -->
      	<!--Viewport说明：该设置可使我们开发出的页面/产品 大小可适应各种高端移动设备width=device-width 为设备的宽度.user-scalable=no/yes 此功能为用户调整缩放。默认为yes。一般设置为no-->
      	<meta content=”width=device-width,user-scalable=no” name=”viewport”>
      	<!--相关外部css和js的引入-->
      	<link rel="stylesheet" type="text/css" href="…"/>
      	<script type="text/javascript" src="…"></script>
     </head>
     <body>
 	<!-- 页面结构这部分就不介绍了，做网页的同学都知道的。。。 -->
</body>
</html>


最后是运行项目，打开手机浏览器，访问。注：手机跟pc需在同一个无线网络上访问。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航