移动设备的CSS框架?

时间:2011-01-11 14:30:47

标签: css mobile css-frameworks

在过去的一年中,我成为BluePrint.css的粉丝,负责管理更大的Web应用程序项目。我也看了960和YUI的产品。一切都很好(虽然我有一些关于YUI的抱怨)。

我现在正在开发一个移动项目,并且考虑到我们需要适应各种屏幕尺寸,我认为css网格框架是重新开始的方式。

我可能会大量修改BluePrint逻辑和/或从头开始构建一个,但在我这样做之前,我想知道是否有人使用过移动设备的特定框架,并推荐一个特定的移动开发框架。 / p>

我看过Less和cssgrid

http://lessframework.com/

http://cssgrid.net/

两者都很好。较少使用一致的列宽并更改列数。 Cssgrid使用流体柱来适应屏幕尺寸。另一方面,我正在设想另一种方法,我们使用固定数量的列,然后根据屏幕宽度动态调整宽度。我更喜欢这个选项,因为我发现流体网格很难通过大量嵌套来管理。我应该先看看其他任何选项吗?

澄清:我目前不一定需要一个完整的UI框架。我们肯定会得到一个,无论是jQuery还是我们自己的,但现在的主要目标是找到和/或构建一个CSS框架来处理多个移动设备屏幕分辨率和方向的一般页面布局和定位。

4 个答案:

答案 0 :(得分:7)

有'320 and up'框架和HTML 5 mobile boilerplate(虽然后者不是一个框架,而是一个起点)。

答案 1 :(得分:2)

如果您正在寻找适用于iPhone的开发,您可以查看iUI Framework

答案 2 :(得分:1)

是的,听起来你会建立自己的“BluePrint Mini”或“480 Grid System” - 我们会在这里欣赏它。

一个出发点可能是Matthew James Taylor的工作。他确实依赖于你说过你不想要的流体网格,但值得一看。

答案 3 :(得分:0)

DA,

您可以尝试使用jQueryMobile框架。

我相信this post可以帮到你。

克莱伯。