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

我有一个非常正常的问题。但我找不到任何答案。我制作了一个简单的HTML PSD。我试图使它跨浏览器兼容。但我做不到。这就是为什么我有一个问题。如果我在IE或Safari中制作一个模板。它会自动与所有其他浏览器兼容吗？因为

Safari

和

IE

是最差的浏览器。需要专家的建议

---

提前感谢

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

因此，您可以使用每个浏览器代码

例如，我们需要使用

转换

代码将

-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*/

---

大多数css2属性对于所有浏览器都能正常工作，但真正的问题是css3

因此，您可以使用每个浏览器代码

例如，我们需要使用

转换

代码将

-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*/

尝试一些编译器，如自动添加浏览器修复程序的编译器

尝试一些编译器，如自动添加浏览器修复程序的编译器