Possible Duplicate:
Cross-browser CSS
好的,所以这个问题可能有点令人困惑。
我会试着用一种更简单的方式来表达,这样“你”就能理解我的意思
观点。
所有浏览器都不同。每个浏览器都解释 CSS 规则
不同,这会导致不同的结果。有时效果很好
其他时候,结果往往完全出乎意料。 IE 的情况可能导致最坏的情况!
很多时候,开发人员被迫检测浏览器以应用
具体的CSS样式!
这可以通过 javascript 支持来实现。反正有人说
这种方法不足以预防灾难……其他
认为解决这个问题的最好方法是依靠
改为对象检测。
好吧,我不知道哪个最好...
请随时根据示例给您意见。
一如既往,谢谢。
更新
IE 的情况可以很简单地处理条件语句,但是,safari 不能以同样的方式处理!所以我留下这个链接:http://quirksmode.org/js/support.html阐明我的观点...
我个人不相信浏览器会感知 CSS。在我看来,这是浪费时间。它需要额外的时间来编码,额外的时间来改变,并造成额外的麻烦。另外,你什么时候停止?美国在线浏览器?冰岛 12 个人使用的 15 年前的 linux 版本有什么随机风格?
我也不搞黑客。有些将通过 Jquery 的 CSS 或我合并的外部代码进入,但我不会亲自编写它们。他们没有验证,所以他们不应该在我的脑海里。 Javascript 技巧很好,但对于样式我不依赖它们,因为它们不是 100% 可靠。如果它不能优雅地降解,就不是一个选择。
因此,为了解决这些问题,我执行以下操作:
- 干净、有效的 CSS
- 重置(有时)
- 网格(通常通过 Blueprint 或 960.gs )
- 元素航位推算。这意味着要避免 100% 像素完美的图形设计师心态,并设计可以像网络经常改变的元素。暂时忘掉盒子模型,字体呈现也不同,而且永远不会改变。
- 我避免像瘟疫这样的绝对因素。如果您尝试,99.5% 的事情都可以相对完成。
- 前沿...不是前沿。很酷的新 hack 很不错,但还不支持它们。所以,它们是我的最后一个案例场景。对于我的大型(高薪)公司客户,它必须是这样。
- 智能设计。伙计们,让我们面对现实吧,如果您为 Web 设计,那么您将更容易做到这一点。如果设计师将打印设计转换为网络,它几乎总是会遇到--问题--。他们可以解决吗?当然,这对我们有利可图。但智能设计首先可以解决各种问题。
伙计们,游戏的名称是渐进增强。如果 IE 不支持圆 Angular ,它们就会变成方 Angular 。毕竟,标准的圆 Angular 是有效的 HTML。如果他们有问题,他们可以升级或更改。听起来刺耳?就是这样。但是我们有一个非常明确的标准(由 w3c 设定)要维护,而且这是我们的工作。这是击中这个移动目标的唯一方法。