网站制作过程中的兼容性问题

网站的兼容性其实就是网站在不同浏览器下中会出现不同的效果。不同的浏览器使用的内核可能不同，这些内核在解析网页代码时可能存在差异，导致页面在不同浏览器中呈现的效果不同，现在国内的浏览器内核大多都是和谷歌，IE的内核一样。

在网站开发中CSS兼容是常见的问题，不同浏览器或浏览器的不同版本对CSS的解析都是不同的，所以在开发中就要考虑到不同浏览器的兼容性问题。CSS3中新属性的出现使得一些老版本的浏览器无法解析，在CSS3中可以加浏览器的前缀来兼容比较早的浏览器版本。

例如：

    谷歌：-webkit-;

    火狐：-moz-;

    IE：-ms-;

    Opera：-o-;

其中需要加前缀的CSS属性有@keyframes，transform，transtion，animation，border-radius，box-shadow，flex等。

具体例如：@-webkit-keyframes，-webkit-transform，-webkit-animation等应用都是一样的。