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

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 应用程序》系列：

1.  使用 HTML 5 创建移动 Web 应用程序，第 1 部分：联合使用 HTML 5、地理定位 API 和 Web 服务来创建移动混搭程序

2.  使用 HTML 5 创建移动 Web 应用程序，第 2 部分：使用 HTML 5 开启移动 Web 应用程序的本地存储

3.  使用 HTML 5 创建移动 Web 应用程序，第 3 部分：使用 HTML 5 支持移动 Web 应用程序离线工作

4.  使用 HTML 5 创建移动 Web 应用程序，第 4 部分：使用 Web Workers 来加速您的移动 Web 应用程序

5.  使用 HTML 5 创建移动 Web 应用程序，第 5 部分: 使用 HTML 5 开发新的可视化 UI 特性

 

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