移动开发的 CSS 框架? [英] CSS Frameworks for mobile dev?

查看:26
本文介绍了移动开发的 CSS 框架?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

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

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).

我现在正在做一个移动项目,考虑到我们需要适应各种屏幕尺寸,我认为 css 网格框架是一个不错的选择.

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.

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

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.

我看过 Less 和 cssgrid

I've looked at Less and cssgrid

http://lessframework.com/

http://cssgrid.net/

两者都很好.Less 使用一致的列宽并更改列数.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?

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

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.

推荐答案

有 '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).

这篇关于移动开发的 CSS 框架?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆