如何使模板跨浏览器兼容？

Question

我有一个非常正常的问题。但我找不到任何答案。我为HTML制作了一个简单的PSD。我试图让它跨浏览器兼容。但我无法做到。所以这就是我有问题的原因。如果我在IE或Safari中制作模板，它会自动与所有其他浏览器兼容吗？因为Safari和IE是最糟糕的浏览器。需要专家提出建议。

提前致谢

Answer 1

尝试像old material这样的编译器，它会自动添加浏览器prifixes

Answer 2

大多数css2属性适用于所有浏览器，但真正的问题在于css3

所以你可以使用每个浏览器代码

例如我们需要使用tranisition代码

-webkit-transition: all 0.3s linear; /*chrome and safari*/
-moz-transition: all 0.3s linear; /*firefox*/
-o-transition: all 0.3s linear; /*opera*/
-ms-transition: all 0.3s linear; /*internet explorer*/
-transition: all 0.3s linear; /*for all new versions of browsers*/