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

时间:2012-01-08 19:37:22

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

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

我目前正在jscript方面使用jquery,这很好,但CSS方面开始杀了我:(

3 个答案:

答案 0 :(得分:1)

在瞄准最佳设计的同时,无法支持“所有”浏览器。您应该定义最小值,例如支持IE 7 +,Firefox 4+等。然后查找应支持CSS支持的每个浏览器。假设您在我们的示例中找到支持最低的版本是CSS 2。然后看看支持CSS规则的CSS 2规范。使用这些CSS规则设计您的网站。有时您可以使用更高版本的CSS来改进最新用户的网站设计,即使用最新版本浏览器的用户。边框半径,框阴影,文字阴影就是我在这里所说的很好的例子。

互联网上有一些库可以模仿浏览器中的某些行为(大多数是专为IE设计的)。它们主要依赖于Javascript,但也有一些其他方法。如果你想以自己的方式玩,你可以依赖jQuery,这对这种用法很有用。

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

答案 1 :(得分:0)

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

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

答案 2 :(得分:0)

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