手机App页面用html实现

手机App页面用html实现,第1张

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


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7102487.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-01
下一篇 2023-04-01

发表评论

登录后才能评论

评论列表(0条)

保存