跨浏览器等效的基本构建块？

Posted 2023-02-25

【中文标题】跨浏览器等效的基本构建块？

【英文标题】：Basic building blocks for cross-browser equivalence?

【发布时间】：2011-07-18 01:45:39

【问题描述】：

我找到了自己的旧习惯，像我一直在做的那样构建网页。只是为了包含一堆补丁来修复不同浏览器之间的不一致。所以我想知道...

有没有基本的建筑清单 块、例程或设置 html 和 CSS 在任何地方看起来都一样 浏览器？

如果我可以从这组干净的构建块开始，我知道这些构建块在所有浏览器中看起来都是一样的，我以后可以寻找修补不同浏览器的不一致性。

但是知道网站的基础将适合所有浏览器不是一种很好的感觉吗？

【参考方案1】：

我建议看一下目前流行的 CSS 框架之一：

蓝图http://www.blueprintcss.org/ 960网格系统http://960.gs/ 弹性 CSS http://elasticss.com/

其中一些已经使用 Eric Meyers 的 reset.css，但如果您想要比完整框架更轻量的东西，这是一个很好的起点：http://meyerweb.com/eric/tools/css/reset/

在这些框架中，我最常使用 BluePrint。很高兴知道我可以在几分钟内设置一个网格，而不必担心布局损坏。

【参考方案2】：

HTML 和 CSS 的基础知识很少有问题。如果您使用现代浏览器首先检查您的标记，然后进行验证以检查错误，那么您的问题将很少见。一直以来，我发现有人不验证他们的标记和/或使用 IE 作为他们的测试浏览器。两者都是他们 95% 问题的原因。

如果单独使用这两种情况，则不需要使用任何框架。