【问题标题】:CSS3/HTML5 Frameworks, specifically for layoutCSS3/HTML5 框架,专门用于布局
【发布时间】:2011-12-24 20:10:28
【问题描述】:

我一直在研究可用的 CSS3/HTML5 框架,但实在太多了,无法快速做出决定,而且它们似乎都专注于简化 javascript 开发和 UI 元素。

特别是,框架的一个非常有用的部分是快速创建基于 CSS 的布局 - 无需担心浏览器兼容性。但是,如果不实际使用现有框架,似乎无法理解现有框架是否这样做,或者它们是如何做到的。

例如,我想创建一个填满整个页面但具有最小高度/宽度的简单布局。这应该是一个 5 行的 CSS 声明,但由于 IE,它是一个令人头疼的问题。理想情况下,一个好的框架将允许我定义一次,而不是为每个浏览器添加一个特殊的解决方案。

现有的哪些框架解决了这个问题?我说的不一定是框架(因为在谈论 HTML/CSS 时,“框架”的含义有些松散),而是您认为对开发有帮助的其他东西。

我看过像 960.gs 或 blueprint 这样的列布局框架,但它们似乎是面向网站开发的,而不是 Web 应用程序开发。

谢谢,

【问题讨论】:

  • 我在 Web 应用程序中使用过蓝图。 “面向 Web 应用程序开发”是什么意思?
  • @jrummell:我的意思是,适合布置大量文本或混合内容,而不是需要大量浮动的 UI 元素。

标签: html web-applications user-interface css


【解决方案1】:

960 听起来就在你的小巷里。 http://960.gs/ 您可以将其与 adapt.js 绑定以使其具有自适应性。 http://adapt.960.gs/

就个人而言,如果我必须使用 css 框架,我会选择 oocss https://github.com/stubbornella/oocss/wiki 但我认为 960 正是您正在寻找的。

【讨论】:

  • 我不想使用 960,因为我发现列网格布局不是很有用 - 我的设计是具有 3-5 个部分的简单布局,但必须正确流动并混合百分比/像素 -很像桌面应用程序。 960页面上的所有示例都是基于列的网站,页面很多,这不是我需要的。
猜你喜欢
  • 1970-01-01
  • 2019-05-15
  • 2013-07-30
  • 2010-12-17
  • 1970-01-01
  • 2015-08-18
  • 2011-02-04
  • 2011-03-04
  • 1970-01-01
相关资源
最近更新 更多