我为一家小型媒体公司建立网站。不幸的是,我们的客户群中约有45-50%使用IE6,而另一半则基本上在Firefox和基于Webkit的浏览器之间分配,其中有大量的Opera用户。
我使用类似于Eric Meyer的重置样式表启动我的每个站点,并进行一些修改。我最近一直在使用Blueprint CSS“框架”,这让我的生活变得更轻松,尽管我并不特别喜欢它。
我花费大约60%的开发时间用于确保我创建的网站在每个浏览器中看起来并不完全不同。我为Firefox 3编写代码然后从那里进行调整。
有没有人知道那些试图预先解释所有那些愚蠢的小浏览器怪癖的样式表/框架?我知道没有任何东西可以完全解释所有浏览器的怪异,但是开始时有一些更坚实的东西会很好。
我正在努力创造自己的东西,但有一些东西可以开始。
答案 0 :(得分:3)
Yahoo YUI库有助于解决跨浏览器呈现问题。也就是说,重置组件(http://developer.yahoo.com/yui/reset/)将还原所有特定于浏览器的渲染(例如某些元素的边距和填充),从而在设计站点时创建一个公平的竞争场。
答案 1 :(得分:2)
看看YAML。
答案 2 :(得分:2)
Andy Clarke,Molly E. Holzschlag,Aaron Gustafson和Mark Boulton阅读并向内消化Transcending CSS。
它提供了一系列技术来处理您可以处理的怪癖,并提供有关使旧网站或功能较弱的浏览器或使用其他技术(如屏幕阅读器)的网站可访问的建议。
基本的推动力在于使网站优雅地降级。
它包含许多处理这些问题的资源链接。
答案 3 :(得分:1)
Dean Edwards'IE7 library应对了一些Internet Explorer的怪癖。
答案 4 :(得分:1)
蓝图是这个领域的早期出现之一,被认为是相当成熟的。
http://code.google.com/p/blueprintcss/
以下是可用框架的大量列表:
http://www.cssnolanche.com.br/css-frameworks/
当时关于css框架的web开发社区有很多有趣的争论。许多人担心这违反了一些结构/表示分离,并引入了非语义类名称和结构。
一些观点:
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
答案 5 :(得分:0)
你看过Yahoo YUI的东西吗?他们有一个跨浏览器的CSS框架。