html5做手机app和做手机网页一样吗

html5做手机app和做手机网页一样吗,第1张

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

代码如下:

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

播放不了是因为手机浏览器不支持html5的这个video新特性。

iOS方面,根据苹果官方提供的文档,Mobile Safari支持包括视频 (video)和音频(audio) 标签,离线存储 (web storage),主流的CSS3效果 (transitions, animations, transforms, gradient, masks等)在内的HTML5特性的。此外,虽然未更新文档,4.2 据说也加入了对Web Sockets,部分XHR-2,加强了对Canvas和SVG的支持。可惜的是,似乎尚未支持Web Worker。

Android方面,Android 2.2 和 2.3 的浏览器对HTML5的支持似乎相对有限,应该支持CSS3 (因为他们都是webkit内核),不支持SVG和Web Sockets,部分支持Video标签 (WebM)。

普通banner或信息列表可以用IScroll上下左右均可滑动

页面滑动切换的话建议使用jquery mobile,实现如下事件,进行changepage

swipe(划动):一秒内水平拖拽大于30PX,同时纵向拖曳小?0px的事件发生时触发

swipeleft(左划):划动事件为向左的方向时触发

swiperight(右划):划动事件为向右的方向时触发


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存