网站在不同浏览器上的行为不同

Question

我正在这个网站上工作。它有一个全屏视频背景，还有其他的javascript即将到来。

网站：www.omod.biz/omoddemo

网站在不同浏览器上的行为有所不同。我不知道如何解决它。当前版本在chrome，IE上顺利运行。在Firefox上运行效果不佳。但是，在我的Windows 8 PC上没有显示歌剧和野生动物园。我的网站再次在我的Macbook上的safari上顺利运行。

我正在尝试自己学习Web开发概念，但是如何理解不同的浏览器将如何反应。我想让这个网站在所有浏览器上顺利运行。应该有什么变化？

任何类型的帮助将不胜感激。谢谢

Answer 1

不同的浏览器支持不同的东西。有些浏览器支持其他浏览器不支持的东西。

就CSS而言，请确保所有属性都具有必要的前缀。例如：

property: value;
-webkit-property: value;
-moz-property: value;
-o-property: value;

此外，有些浏览器不支持某些属性。

HTML，某些浏览器支持某些标记。