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

【问题标题】：Loading Different CSS Styles for Specific Browsers [Not IE]为特定浏览器加载不同的 CSS 样式 [不是 IE]
【发布时间】：2015-04-08 02:09:27
【问题描述】：

我目前正在开发一个网站，它将所有内容都放在一个页面上，而不是加载和链接到多个 HTML 页面。话虽如此，我在为不同的浏览器格式化时遇到了一些问题。

这是我的网站： Peranthai.com

内容可在 Google Chrome 浏览器（为其构建的浏览器）和最新的 IE 浏览器中正常加载。但是，我遇到了一些问题（可能会通过针对不同浏览器的其他样式表来解决）。我不知道该怎么做。我知道 Internet Explorer 对此有条件，但该网站在 Explorer 中运行良好，因此这些与我无关。特别是这些是我遇到的问题：

-Firefox 将一些边距变得有些古怪

-Safari 不加载背景渐变

-Opera 没有加载我的 Adsense 广告之一。

正如我所说，这些问题我可以使用特定浏览器的自定义样式表来解决，但我似乎不知道如何实现。

[您在页面上看不到内容的原因是它还不存在！基础网站就完成了]

【问题讨论】：

您解决问题的方法不是很好。没有现代浏览器，甚至 IE，都没有条件。有一些黑客攻击，但它们很脆弱，将来很容易破解。从一个问题开始，并尝试创建适用于该问题的跨浏览器的 CSS 规则。通常，此类问题只是由不同的默认样式引起的。

标签： html css firefox browser safari

【解决方案1】：

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

解决方案：添加 DOCTYPE 声明。

哦，去掉<center>，它会让你的页面看起来很业余。更不用说像<h3>..</h2> 这样的错误了。

【讨论】：

最重要的是通过 w3c html/css 验证器运行它。然后，如果您有问题，请记下浏览器及其版本。大多数可以使用 ua 特定样式表作为目标，在极少数情况下，您可以使用 javascript 进行检测/嗅探以提供特殊样式。但我首先要听李斯特先生说的话。