为特定浏览器加载不同的CSS样式[Not IE]

我目前正在研究一个网页，它可以将所有内容保存在一个页面上，而不是加载并链接到多个HTML页面。这就是说，我在格式化不同浏览器时遇到了一些麻烦。为特定浏览器加载不同的CSS样式[Not IE]

这里是我的网站： Peranthai.com

内容加载罚款在谷歌Chrome浏览器（浏览器，它是为建），以及最新的IE浏览器。然而，我有一些问题（这可能可以通过其他样式表针对不同浏览器解决）。我不知道该怎么做。我知道Internet Explorer对此有条件限制，但该网站在资源管理器中正常工作，所以这些对我来说是无关紧要的。特别是，这些是我有问题：

-Firefox变成一些边缘有点扭曲的

-Safari不加载背景梯度

-Opera不加载的一个我AdSense广告。

这些问题，就像我说的，我可以修复某些浏览器的自定义样式表，但我似乎无法弄清楚如何实现这一点。

[您在页面上看不到内容的原因是因为它尚未存在！只是基地网站完成]

来源

2015-02-08 Peranthai

您对问题的处理方式不太好。没有现代浏览器，甚至没有IE，都有条件。有一些黑客，但它们很脆弱，未来很容易破解。从一个问题开始，尝试创建针对该问题跨浏览器工作的CSS规则。通常，像这样的问题只是由不同的默认样式造成的。 – 2015-02-08 06:08:27

您没有一个文档类型。所以网站以怪癖模式显示。
而且由于不同的浏览器有不同的怪癖，当然网站在浏览器中看起来会有所不同。

解决方案：添加一个DOCTYPE声明。

呵呵，摆脱<center>，它会让你的页面看起来非常有趣。更不用说像<h3>..</h2>这样的错误了。

来源

2015-02-08 20:42:38

顶部，通过W3C HTML/CSS验证器运行它。那么如果你有问题，请注意浏览器及其版本。大部分都可以使用特定的样式表作为目标，在极少数情况下，您可以使用javascript检测/嗅探来提供特殊样式。但我会首先听听李斯特先生所说的话。 – albert 2015-02-08 23:53:59

为特定浏览器加载不同的CSS样式[Not IE]

回答

相关问题