13518219792
可以开发手机app，这个就是常说的混合开发，然后进行封装使用，但是这样没有原生的流畅，但是成本低啊，比原生开发成本最少低一半，对于新创业的平台，还是可以的。
创新互联专注于静乐企业网站建设,响应式网站设计,商城建设。静乐网站建设公司,为静乐等地区提供建站服务。全流程定制制作，专业设计，全程项目跟踪，创新互联专业和态度为您提供的服务
你说的这个主要制作思路是使用响应式设计，结合html5和css的一些特性制作（主要是css3的媒体检查，根据不同视口载入不同样式），但制作出来的东西能否被称为手机app，这个还要看功能，如果你制作出来的东西能完成某些功能或者某种任务，这能被叫做webapp，如果不能就不要叫什么app，最多算是一种手机展示方式。
至于安卓和ios版本的问题，考虑主要是图片分辨率的问题，区别不大。
想了解他们之间的区别，先看一下各自的简单定义吧。
app:主要是指application（应用程序）
HTML是hypertext markup language（超文本标记语言）
主要区别有
1.应用环境：
手机原生app面前比较流行环境是Android和IOS两个版本。
HTML5主要是在浏览器中进行运行和渲染，其实浏览器是App的一种。
2.相关编程语言：
移动APP的编程语言一般是：c#,Java, c,vb 等...
HTML5的编程语言则是：html5,css3,javascript,php/jsp/asp 等...
3.开发成本和周期：
移动APP相对来说开发成本比较高，周期也比较长。html主要应用于前端web开发，开发制作周期短，费用少。
4.兼容性
手机app在不同的系统中需要开发不同版本（例如前面所说的Android和IOS），而html5可以跨平台主要有浏览器就可以运行。
5.用户体验。执行效率，显示效果，可以调用的系统权限都是不一样的。
在用户体验和表现这个方面 APP提供用户展示图形界面和数据展现的丰富性方面要比HTML5好。而且调用的系统权限APP相对权限要高。
总结：html5和app各有自己优势和不足，需求者应该根据各自的特点来选择合适的语言。
不一样，需增加自适应标签来保持一样。
代码如下：
meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/
解释：Viewport指用户网页的可视区域，content中的“width”指的是虚拟窗口宽度，上面代码意为虚拟窗口/页面宽度初始比例为1，最小比例为1，最大比例为1，用户不可扩展，页面不可缩放。
扩展资料：
HTML5的事件属性和异常处理
事件属性
HTML 5 元素可拥有事件属性，这些属性在浏览器中触发行为，比如当用户单击一个HTML 5元素时启动一段 JavaScript。下面列出的事件属性，可以把它们插入 HTML 标签来定义事件行为。
HTML 5 中的新事件属性：
onabort， onbeforeunload， oncontextmenu， ondrag， ondragend， ondragenter， ondragleave， ondragover， ondragstart， ondrop， onerror， onmessage， onmousewheel， onresize， onscroll， onunload。
APP和HTML5有啥区别：
1.html5的app比较轻巧，原生态app如比较正规，html5实现的功能有限，只能实现一些轻型的交互场景，而app则可以完美解决。
2.html5虽然可以跨平台，可是浏览器有个加载速度，对于用户体验上说，有个加载的等待，就比如你用qq浏览器打开百度，和直接使用百度app是两种体验。浏览器打开百度，还得有个加载，而百度app则duang的出下了输入框界面。
3.html5的app对于导航来说，目前有个弊端。而原生态app则在页底固定悬浮着导航菜单。
4.html5 app也有自己的优势，比如有的app页面想要分享出来，则采用html5 app。也比如滴滴打车集成在微信里一样，如果手机中没有滴滴打车的app，则直接可以在默认浏览器上加载出来，进行打车。
html5 app在设计时需要注意的一些要点：
1）各手机浏览器的兼容测试
2）底层服务的调取（能调取，但只有当其是核心功能时才保留 eg：新浪、美团等皆去掉了头像上传功能）
3）注意离线数据存储，减少数据请求频率。
4）考虑保存用户的哪些数据：设置、个人数据、阅读锚点、跳出页面等。【这点一般说的就是导航菜单】
5）避免动效与浏览器的交互冲突
6）按顺序 异步加载
H5edu教育HTML5嵌入到APP中方法：
1、android webview控件加载html5；
2、即webview基于webkit内核支持html5；
3、进行做自定义屏幕适应调试和测试！
