手机App页面用html实现

使用bootstrap框架做的话比较简单 网上有很多例子 你可以下载 改一改。http://www.sharethemes.cn/html/list_1490.html 在这里找一下吧。

这是手机的几个样式及模板http://www.sharethemes.cn/html/list_1499.html你可以下载来看看，没什么难的！

首先用HTML和JavaScript写好你的应用。然后通过Android里的WebView加载一下就行了。把文件放到工程的assets目录里：

webView.getSettings().setJavaScriptEnabled(true) 

ebView webView = (WebView)findViewById(R.id.webView1)webview.loadUrl("file:///android_asset/file.html")

不一样，需增加自适应标签来保持一样。

代码如下：

<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。

---