我为一家小型媒体公司建立网站。不幸的是，我们约有45-50％的客户群使用IE6，而另一半几乎在Firefox和基于Webkit的浏览器之间平均分配，并且有大量Opera用户。

我以与Eric Meyer相似的重置样式表开始我的每个网站，并进行了一些修改。我最近一直在使用Blueprint CSS"框架"，尽管我并不特别喜欢它，但它使我的生活变得更加轻松。

我大约有60％的开发时间都花在了确保我创建的网站在每个浏览器中的外观上都没有什么不同的方面。我为Firefox 3编写代码，然后从那里进行调整。

有谁知道那里的样式表/框架试图抢占所有这些愚蠢的小浏览器怪癖？我知道，没有什么可以完全解决所有浏览器怪异的问题，但是最好从头开始要有一些坚实的基础。

我正在创建自己的游戏，但是从开始就很高兴。

解决方案

回答

我们是否看过Yahoo YUI的资料？他们有一个跨浏览器的CSS框架。

回答

Yahoo YUI库有助于解决跨浏览器渲染问题。也就是说，Reset组件(http://developer.yahoo.com/yui/reset/)将还原所有特定于浏览器的呈现(例如某些元素的边距和填充)，从而创建一个公平的竞争环境，从设计网站开始。

回答

看看YAML。

回答

迪恩·爱德华兹(Dean Edwards)的IE7库可以应对一些Internet Explorer的怪癖。

回答

阅读并向内消化Andy Clarke，Molly E. Holzschlag，Aaron Gustafson和Mark Boulton编写的Transcending CSS。

它提供了一套技术来处理我们可能遇到的问题，并提供建议，以使较早或者更不支持功能的浏览器或者使用其他技术(例如屏幕阅读器)的网站可以访问网站。

根本目的在于使站点能够正常降级。

它包含许多链接到处理这些问题的资源。

回答

蓝图是该领域的早期出现之一，并且被认为已经相当成熟。

http://code.google.com/p/blueprintcss/

这是大量可用框架：

http://www.cssnolanche.com.br/css-frameworks/

当时Web开发社区中有很多关于CSS框架的有趣辩论。许多人担心这违反了某些结构/表示分离，并引入了非语义类名称和结构。

一些意见：

http://jeffcroft.com/blog/2007/nov/17/whats-not-love-about-css-frameworks/

http://playgroundblues.com/posts/2007/aug/10/blueprints-are-not-final/

http://www.markboulton.co.uk/journal/comments/blueprint_a_css_framework/

http://peter.mapledesign.co.uk/weblog/archives/blueprint-semantics-markup-frameworks