javascript - 将CSS规则写到不同的浏览器,如何?

标签 javascript jquery html css

<分区>

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% 可靠。如果它不能优雅地降解,就不是一个选择。

因此,为了解决这些问题,我执行以下操作:

  1. 干净、有效的 CSS
  2. 重置(有时)
  3. 网格(通常通过 Blueprint960.gs )
  4. 元素航位推算。这意味着要避免 100% 像素完美的图形设计师心态,并设计可以像网络经常改变的元素。暂时忘掉盒子模型,字体呈现也不同,而且永远不会改变。
  5. 我避免像瘟疫这样的绝对因素。如果您尝试,99.5% 的事情都可以相对完成。
  6. 前沿...不是前沿。很酷的新 hack 很不错,但还不支持它们。所以,它们是我的最后一个案例场景。对于我的大型(高薪)公司客户,它必须是这样。
  7. 智能设计。伙计们,让我们面对现实吧,如果您为 Web 设计,那么您将更容易做到这一点。如果设计师将打印设计转换为网络,它几乎总是会遇到--问题--。他们可以解决吗?当然,这对我们有利可图。但智能设计首先可以解决各种问题。

伙计们,游戏的名称是渐进增强。如果 IE 不支持圆 Angular ,它们就会变成方 Angular 。毕竟,标准的圆 Angular 是有效的 HTML。如果他们有问题,他们可以升级或更改。听起来刺耳?就是这样。但是我们有一个非常明确的标准(由 w3c 设定)要维护,而且这是我们的工作。这是击中这个移动目标的唯一方法。

关于javascript - 将CSS规则写到不同的浏览器,如何?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6374452/

相关文章:

html - jqplot图形文字颜色

javascript - 更高效的 JavaScript boolean 值

javascript - Jquery 将 CSS 应用于动态创建的表行

javascript - 应用程序脚本格式日期时间错误

javascript - 另一个D3向强制有向图添加文本

javascript - 使侧边栏停在某个div

html - 如何将与图像位于同一行的表格居中?

html - CSS:对象向左浮动,不重叠

javascript - IndexedDB:避免回调 hell

javascript - 悬停时修改 SVG 路径