支持多种浏览器类型的实用方法是什么？答案

【问题标题】：What is the practical way to support multiple browser types?支持多种浏览器类型的实用方法是什么？
【发布时间】：2012-07-17 12:03:24
【问题描述】：

支持多种浏览器类型的实用方法是什么？每种类型使用自定义 CSS 吗？使用 GWT 吗？其他方式？

我目前在 jscript 端使用 jquery，它很棒，但是 CSS 端开始害死我了 :(

【问题讨论】：

stackoverflow.com/questions/1455913/cross-browser-css的可能重复

标签： html internet-explorer firefox google-chrome browser

【解决方案1】：

没有办法支持“所有”浏览器同时瞄准最佳设计。您应该定义您的最低要求，例如支持 IE 7+、Firefox 4+ 等。然后寻找每个应该支持 CSS 支持的浏览器。假设您发现在我们的示例中支持的最低版本是 CSS 2。然后查看 CSS 2 规范支持哪些 CSS 规则。使用这些 CSS 规则设计您的网站。有时您可以使用更高版本的 CSS 来为最新用户（即使用最新版本浏览器的用户）改进您的网站设计。边框半径、框阴影、文本阴影是我在这里要表达的一个很好的例子。

互联网上有一些库可以模拟跨浏览器的某些行为（其中大部分是专为 IE 设计的）。它们主要依赖于 Javascript，但也有一些其他方法。如果你想用自己的方式玩，你可以依赖 jQuery，它非常适合这种用法。

这些不是支持多个浏览器的通用方法。但是，这种方法对我们有用。

【讨论】：

【解决方案2】：

对于 CSS 部分，使用 normalize：https://github.com/necolas/normalize.css/

对于一个很好的起点，包括规范化和一些宝贵的提示：http://html5boilerplate.com/

【讨论】：

【解决方案3】：

一点点http://www.modernizr.com/应该会给你很多帮助。

【讨论】：