需要为safari,chrome和firefox提供不同的CSS

时间:2014-11-09 16:58:35

标签: cross-browser

我意识到我的css在不同的浏览器中不会以相同的方式工作。特别是宽度和位置区分浏览器。

我已经明白,告诉浏览器根据所使用的浏览器选择不同的样式表是不可取的。但是,如果我要在相同的样式表中完成所有操作,我该如何编写代码呢?

现在,我正在使用.mouseenter.mouseleave动画进行最大程度的努力,即使在某些浏览器中,我也无法正常工作。

我正在使用em来定义距离/大小,以防万一。

1 个答案:

答案 0 :(得分:0)

一些想法供您参考:

  1. 自我创建的css和javascript可能不会一直支持不同的浏览器,这就是为什么ppl转向使用css框架(例如bootstrap)和javascript的原因库(jquery等)。

  2. 但是如果你不想使用框架,那么你可以对你的css进行css攻击。 比如css piority overrides, 浏览器兼容性/检测标签被广泛使用。

  3. @media query&在不同分辨率上重新加载不同css的页面(用于许多响应式站点)