Jquery 该网站在浏览器中的显示方式有所不同

我有一个项目，我们将创建一个我们的工作组合。 但问题是：

如果您查看并左右按链接，将显示选项卡的底部

它在Chrome中的行为不同于IE和Firefox。 在IE和Firefox中，标签底部的文本被截断，而在Chrome中则没有

我曾尝试在所有3种浏览器中使用开发工具，并试图找到问题所在，但我做不到。 我希望你们中的一些人能帮我找到它

---

我没有包含JSFIDLE，因为我不确定问题出在哪里。

并非所有浏览器都使用相同的渲染引擎或遵循相同的规则。这就是为什么在你的情况下他们看起来都不一样。Opera浏览器实际上最符合HTML准则。不幸的是，它们并不总是呈现相同的效果，这是开发人员经常遇到的问题。我会尽可能使用严格的CSS，因为浏览器倾向于更好地遵循更严格的CSS规则

---

希望这有帮助。祝你好运。

每个浏览器都有一个稍微不同的本地样式系统，你必须小心

例如，Firefox使用gecko：

Gecko Firefox中使用了-moz外观CSS属性，以基于操作系统主题的平台本机样式显示元素

所以Firefox使用Gecko，Chrome使用Webkit，IE使用他们自己的系统。每一个都略有不同，您必须在css中说明这一点

---

当我尝试完成更复杂的CSS3样式时，我会尝试使用常规css，并使用特定于浏览器的css。

我不确定您是否已经这样做，因为我无法查看您的css文件，但是在css文件中使用css重置样式是一个很好的做法。您可以通过将所有基本规则（如边距、填充、边框、字体大小、字体、垂直对齐和显示）重置为默认值（如0、块、继承和100%）来实现这一点。您可以使用*星号设置所有标记的样式，或将它们单独列出，并用逗号分隔。这样做的原因是，默认情况下，每个浏览器都有自己的设置样式，这可能会覆盖您自己的样式，并在站点中造成不必要的干扰。这是一个很好的做法

尝试更改你的.target类位置值，看看发生了什么变化。还可以尝试添加相应的边距值。现在的情况是，页脚的z索引比身体的高，这使得它想要掩盖溢出到页脚上的任何内容。

Opera浏览器实际上最符合HTML准则。根据什么标准？@Oriol根据W3C标准，Opera浏览器是最兼容的。这真的值得投否决票吗？哈哈……如果有什么不同的话，我想我的答案值得投票表决。我解释了OP为什么会出现这个问题，并建议帮助OP解决这个问题。根据chrome的说法，Opera浏览器还显示了我应该如何设计我的网站。谢谢你提供的信息。为什么会有反对票？即使这是一个大问题，但这个问题是无效的。请看：。我确实使用了特定于浏览器的前缀，如果这是你的意思的话？但是我理解你说的，也许我将来必须更具体地使用CSS。将来，你应该在你的问题中包含相关的CSS和html，这样可以更容易地查看。不过我会再看一次，只是试着把它全部复制/粘贴到JSFIDLE中。问题没有发生。但是谢谢你的帮助。谢谢你，但是我已经在我的html文件中包括了一个css重置，在我的自定义样式表上面。所以所有的值都应该重置。我会调查的，谢谢你的帮助。