网站在不同浏览器上的行为不同[关闭]

Posted 2023-03-06

【中文标题】网站在不同浏览器上的行为不同[关闭]

【英文标题】：Website acts different on different browsers [closed]

【发布时间】：2014-03-02 18:45:54

【问题描述】：

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

网址：www.omod.biz/omoddemo

网站在不同的浏览器上表现不同。我不知道我该如何解决。当前版本在 chrome 、 IE 上运行流畅。在 Firefox 上效果不佳。但是，在我的 windows 8 PC 上的歌剧和 safari 上没有显示。在我的 Macbook 上，我的网站再次在 safari 上顺利运行。

我正在尝试自学 Web 开发概念，但是如何理解不同浏览器的反应。我想让这个网站在所有浏览器上都能流畅运行。应该有哪些变化？

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

【问题讨论】：

protip：使用 twitter 引导程序；至少在你学习的时候。已经建立了设计跨浏览器网站的职业。

首先，获取要验证的站点 (validator.w3.org/…)。然后回到这里。

@BradChristie 实际上，所有主要浏览器的当前版本都支持大多数基本功能。我真的不明白为什么这么多人只使用怪物 JS 库（jQUery、bootstrap 等）来完成简单的任务，而无需巨大的开销。

@JohannesH.：因为我厌倦了；我来自一个有 Netscape 的世界，IE 可以在文件夹视图和网页视图之间切换。我还得支持IE6。不过我同意，“所有主要浏览器”都支持这些功能——这只是他们如何支持这些功能。 IE 可能有 5px 的边距，而 chrome 的边距是 3px，而 firefox 的边距是 4。（Progo 刚刚提醒了我我最喜欢的另一件事。style vs -webkit-style vs -moz-style vs 所有其他变体。）跨度>

@JohannesH.: 任何事情都可以争论（我看到大量新开发人员从 .NET 培训而来，从未学习过 C\C++ [指针、内存分配/管理/等] .) 这是否会使关于数组的问题变得不那么有效，因为他们从来不需要 malloc？对于任何技术（尤其是“主流”），您都会有疑问。对于 SO，将会有很多重复的问题（不幸的是），但这毕竟是它被审核的原因。

【参考方案1】：

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

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

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

另外，一些浏览器不支持某些属性。

html，一些浏览器支持某些标签。

【讨论】：

如果您坚持相关规范中指定的标签和 css 属性（HTML4 / XHTML1.1 - HTML5 有点未完成 - CSS3（尽管在某些浏览器中的支持尚未完全完成，但大多数情况下都可以）工作）-ECMA 脚本 5.1）大多数当前浏览器应该可以正常工作。

@JohannesH。某些浏览器不支持所有 HTML5 标签。某些浏览器不完全支持 ECMA 脚本。并且一些抽象的 CSS3 属性和选择器不完全支持。

没错，我在评论中也说了同样的话。尽管 HTML4 / XHTML1.1 和 ECMAScript 5.1（可追溯到 2011 年）中的几乎所有内容都已在当前（！-不包括 IE7）浏览器中修复。我知道 HTML5 和 CSS3 仍然是个问题。但是 OP 并没有使用太多，只是其他人编写的库 - 并且审查这些不是任何人都会做的工作所以我猜;））