优化Android浏览器网站的提示？

我正在寻找有关优化Android浏览器网站设计的提示,技巧和资源.

我正在构建一个Android应用程序,并且可以通过Web界面访问某些功能.

1> Daniel..：

---

我依靠两个元素来优化移动浏览器(尤其是Android和iPhone)的网站:

元标记:HandheldFriendly和viewport

通常我希望页面的页面宽度不超过800到900像素,因为Android和iPhone浏览器默认设置为.要使页面宽度与设备宽度相同,我设置以下元标记:

@import url(style-screen.css) screen;
@import url(style-small.css) print, handheld;
@import url(style-large.css) screen and (min-width: 801px);
@import url(style-small.css) screen and (max-width: 800px);

---

大多数教程似乎都忽略了这一点.这些元标记非常重要的信息!告诉浏览器使用移动视图是安全的.股票android 2.2浏览器不尊重大多数具有宽度的媒体查询,因为它试图将页面的宽度设置为montior的宽度.

---

关于在meta/viewport标签中使用逗号的说明:MDN说使用逗号,Apple说分号.看起来两者都可以使用分号.

2> Dave Lancea..：

---

我发现将这两个元标记添加到我的网站有很长的路要走:

以下是有关它们的更多信息:http://learnthemobileweb.com/2009/07/mobile-meta-tags/

3> Mike Chelen..：

---

关于jQuery,有一个针对移动浏览器优化的版本:http://jquerymobile.com/

---

酷不知道那一个.