如何使模板跨浏览器兼容?
How can i make a template cross browser compatible?
我有一个非常正常的 issue.But 我找不到任何东西 answer.I 制作了一个简单的 PSD HTML.I 试图让它跨浏览器 compatible.But 我做不到不做 it.So 这就是为什么我有 question.If 我在 IE 中制作模板或 Safari.Is 它自动与所有其他浏览器兼容?因为 Safari
和 IE
是专家最差的 browsers.Need 建议。
提前致谢
大多数 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*/
尝试一些像prepros这样的编译器,它会自动添加浏览器前缀
我有一个非常正常的 issue.But 我找不到任何东西 answer.I 制作了一个简单的 PSD HTML.I 试图让它跨浏览器 compatible.But 我做不到不做 it.So 这就是为什么我有 question.If 我在 IE 中制作模板或 Safari.Is 它自动与所有其他浏览器兼容?因为 Safari
和 IE
是专家最差的 browsers.Need 建议。
提前致谢
大多数 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*/
尝试一些像prepros这样的编译器,它会自动添加浏览器前缀