为什么我的网站在每个浏览器上看起来都不一样？

-1

的标志是由在“CIRCLE1”等div标签在相同的HTML部分。它不会显示在jsfiddle上，它在每个浏览器上看起来都不一样。

在Chrome =显示所有火狐=无标识节目和下输入栏下方的文本比较大在Safari =没有任何标识显示

我能做些什么？

2011-11-26 James

检查[此问题]（http://stackoverflow.com/questions/7131101/website-doesnt-show-up-correctly-in-ie-fine-in-mozilla-chrome-safari-etc/7131171#7131171 ） –

欢迎来到令人兴奋的网页开发世界:) –

这就是所谓的，嗯......欢迎来到野生的野生世界的网络。每个浏览器供应商都以不同的方式解析html/css/javascript。有些是宽松的，有些是严格的。（Chrome Vs. Opera）。一些有不同的Box模型，一些有标准的操作行为，一些倾向于做自己的事情。（Opera对IE6）
对不同渲染的回答：你必须寻找每一个小怪癖。逐个。欢迎。

来源

2011-11-26 14:22:24

啊我期待着它...这里是我的网站weezy.co.uk 其完美的铬，但其他一切都没有运行这一切 – James

这主要是因为您正在使用代码与一个浏览器一起工作。不同的浏览器使用不同的代码渲染器。很难让所有东西看起来都一样，即使是Internet Explorer是最糟糕的，其他浏览器也有不同的功能。 Opera拥有绝大多数的HTML5表单功能，迄今为止没有其他浏览器支持，但Chrome和Firefox支持大部分HTML5属性。希望这有助于理解为什么。

来源

2011-11-26 14:28:44 Tusk

所以有一个网站，可以帮助我例如使我的css形状与Internet Explorer/safari/firefox兼容。也没有显示的网站的一部分只是文字...为什么没有显示？它只是文本。 – James

不，没有简单的方法，你必须学习很多东西，才能定位，显示，按照它看起来的样式对CSS进行排序*在每个浏览器中几乎相同。另外一个好的开始是包括[Eric Meyer Reset CSS]（http://meyerweb.com/eric/tools/css/reset/）或使用[Boilerplate]（http://html5boilerplate.com/）作为现场设计开始。 – Tusk

如果你打算做大量的css3转换，你需要调整旧版浏览器的样式。

IE 6,7和8只是没有能力阅读这些样式。

即使在Firefox上，根据版本的不同，由于渲染引擎与Chrome（和Safari）不同，您将遇到各种间距问题。

对于在较老的IE浏览器中使用html5和css3，您可以（谨慎地）使用polyfills，它使用javascript复制效果。你可以看到可用polyfills列表在这里： https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills

怪异模式是用于检查兼容性很好的资源：http://www.quirksmode.org/compatibility.html

我会强烈建议萤火附加为Firefox上看到额外的间距，等等正在发生。

当您遇到特定浏览器的特定问题时，您无法在此处发布问题。帮助一个bug比一般的浏览器问题更容易。

来源

2011-11-26 14:37:34

为什么我的网站在每个浏览器上看起来都不一样？

回答

相关问题