现在的位置: 首页 > 综合 > 正文

移动设备网页选择-web+html5 适配智能设备的特性

2013年12月13日 ⁄ 综合 ⁄ 共 1431字 ⁄ 字号 评论关闭

I recommend using the HTML5 templates(includes Modernizer)
that come with ASP.NET MVC
3
 and thejQuery Mobile framework.
Let the jQuery Mobile framework do all the multi-device heavy lifting for you.

jQuery Mobile Supported Devices

所谓“微信点餐”,其实就是用户通过微信app,关注公众号,发送指定类型的信息,如地理位置信息,网站返回相关链接到微信上,通过这些链接进入wap或者html5网站,然后开始选择商家、点餐、提交订单等。关于微信app,与订餐网站的关系,我简单的画了一个图,比较潦草,请别喷得太厉害了!如图1,说简单点:微信app通过微信服务器,传给订餐网站(申请公众号时,会输入一个地址,微信服务器就是通过此地址post,get消息的),网站根据收到的消息,返回具体信息,再通过某些信息的链接进入wap或者html5站点。


通过返回的链接,进入网站后,就全是html5的事儿了,第一次写,还真是用了不少时间。写得不好,代码就不贴了,一般还是直接上html5的站点了。

《使用 HTML 5 创建移动 Web 应用程序》系列:
 

WebApp/HTML
适配小屏幕

手机(3G,wap)网站前端开发布局技巧

http://xiaotree.com/index.php/archives/573.html

接登录top.cqnews.net,或登录www.cqnews.net选择“转到HTML5版”,就能访问华龙网HTML5版,它将自动适配不同终端屏幕尺寸,带来的新闻阅读体验将更简洁舒适。据了解,华龙网HTML5版是全国率先实现HTML5技术的新闻网站。

云适配发明者陈本峰,曾供职于微软美国总部IE浏览器核心研发团队,参与了IE的HTML5引擎的设计和开发以及HTML5标准制定的讨论,成功发布了IE8和IE9。加入微软前,在互联网标准组织(W3C)香港实验室从事互联网标准研究,发表过多篇国际学术会议论文,并发明了一项手机浏览技术的国际专利。
云适配[3]首席用户体验师为中国计算机、认知心理、人机交互的跨界管理者。
云适配首席设计师为美国波士顿大学平面设计硕士,曾供职美国大型机构移动网站。
  1. <meta name="viewport" content="width=device-width"/>  

直接写html5便是.这个是以后网页版和手机版均支持的.
手机网页版开发HTML5
DEMO:
http://3g.6yang.net

,对于字体的话,我们就用em或ex为单位就好 。。。。


http://mobile.dzone.com/news/html5-mobile-web-development


抱歉!评论已关闭.