其实这里面的多数都是 iOS 上面的代码。其他平台的就没有去验证了。

HTML, 从HTML文档的开始到结束排列:

<meta name=”viewport” content=”width=device-width, initial-scale=1.0″/> 让内容的宽度自适应为设备的宽度, 在做Mobile Web时必须加的一条

<meta name=”format-detection” content=”telephone=no”]]> 禁用手机号码链接(for iPhone)

了解更多

精简 jQuery Mobile CSS样式

06.14.2012, 2 条评论, WebApps, by , 1,385 views.

jQuery Mobile 这个JS 的库用起来很方便。也是最适合搞前端的人用的 WebApp JS库了。

不过其默认主题的 CSS 让人头疼了。不过官方提供的主题定制工具也就只能定制一下基本的样子了。想要其他效果就得自己清理 CSS 后重新编写了。

我做清理了个简单版的主题 CSS 文件,并提供下载。方便自己已经有兴趣的人做个性化定制用的。

这个 样式表里面只包含 jQuery Mobile 的基本样式,是一个没有包含主题颜色和图片定义的 CSS 文件。方便自己定制  jQuery Mobile 的主题用的。

使用方法:只需引用和修改 you-jqm-themes.css 文件即可。这个文件只包含 jQuery Mobile 的 class 名字。另外一个是 jQuery Mobile 的 CSS 基础框架了。

适用 jQuery Mobile 版本为 1.1.0

了解更多