适用于移动开发的 CSS 框架？
在过去的一年里，我已经成为 BluePrint.css 的粉丝，它可以用来管理大型 Web 应用程序项目。我还研究了 960 和 YUI 的产品。一切都很好（尽管我对 YUI 有一些抱怨）。
我现在正在开发一个移动项目，考虑到我们需要适应各种屏幕尺寸，我认为 css 网格框架是最好的选择。
我可能会大量修改 BluePrint 逻辑和/或从头开始构建一个蓝图逻辑，但在这样做之前，我想知道是否有人使用过特定的移动框架，并且会为移动开发人员推荐一个特定的框架。
我看过Less和cssgrid
两者都相当不错。 Less 使用一致的列宽并更改列数。 CSSgrid 使用流体列来适应屏幕尺寸。另一方面，我正在设想另一种方法，我们使用固定数量的列，然后根据屏幕宽度动态调整宽度。我更喜欢这个选项，因为我发现流体网格在大量嵌套的情况下会变得难以管理。我应该首先考虑的其他选择是什么？
澄清：我目前不一定需要完整的 UI 框架。我们最终肯定会得到一个，无论是 jQuery 还是我们自己的，但现在的主要目标是找到和/或构建一个 CSS 框架来处理跨多个移动设备屏幕分辨率和方向的常规页面布局和定位。
Over the past year, I've become a fan of BluePrint.css for managing larger web app projects. I've also looked at 960 and YUI's offerings as well. All good (though I have some complaints about YUI).
I'm working on a mobile project now and given that we need to accommodate various screen sizes, I'm thinking a css grid framework is the way to go again.
I'll likely be heavily modifying the BluePrint logic and/or building one from scratch, but before I did that, I was wondering if anyone has used a particular framework for mobile and would recommend one particular one for mobile dev.
I've looked at Less and cssgrid
Both are quite nice. Less uses consistent column widths and changes the number of columns. Cssgrid uses fluid columns to accommodate the screen sizes. I, on the other hand, am envisioning yet another method where we'd use a fix number of columns, then adjust the widths on the fly based on the screen width. I'm preferring that option as I've found that fluid grids can become difficult to manage with heavy nesting. Any other options I should take a look at first?
Clarification: I don't necessarily need a full UI framework at the moment. We'll definitely end up with one, be it jQuery or our own, but the primary goal right now is to find and/or build a CSS framework to handle general page layout and positioning across multiple mobile device screen resolutions and orientations.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（5）
有“320 及以上”框架，以及 HTML 5 移动样板（尽管后者与其说是一个框架，不如说是一个起点）。
There's the '320 and up' framework, and the HTML 5 mobile boilerplate (although the latter isn't so much a framework, but a starting point).
如果您想针对 iPhone 进行开发，可以查看 iUI 框架
If you're looking to develop for iPhone, you might take a look at the iUI Framework
是的，听起来您确实将构建自己的“BluePrint Mini”或“480 网格系统”——我们将在这里欣赏它。
其中一个出发点可能是 Matthew James Taylor 的作品。他确实依赖于你所说的你不想要的流体网格，但它值得一看。
Yes, it does sound like you'll have build your own "BluePrint Mini" or "480 Grid System"--and we'll be here to admire it.
One point of departure could be the work of Matthew James Taylor. He does rely on the fluid grid you've said you don't want, but it's worth a look.
DA，
你可以尝试一下 jQueryMobile 框架。
我相信 这篇文章可以帮助你。
克莱伯。
DA,
You can try the jQueryMobile framework.
I believe this post can help you.
Cleber.
这是我正在考虑使用的一个：
http://jeromeetienne.github.com/jquery-mobile -960/
看起来它有一些网格尺寸较小的显示错误。
Here is one that I am considering using:
http://jeromeetienne.github.com/jquery-mobile-960/
Looks like it has some display bugs with smaller grid sizes.