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

Loading Different CSS Styles for Specific Browsers [Not IE]

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

这是我的网站: Peranthai.com

内容在 Google Chrome 浏览器(它的设计目标浏览器)和最新的 IE 浏览器中加载良好。但是我遇到了一些问题(这可能可以通过针对不同浏览器的其他样式表来解决)。我不知道该怎么做。我知道 Internet Explorer 对此有条件,但该网站在 Explorer 中运行良好,因此这些与我无关。特别是这些是我遇到的问题:

-Firefox 将一些边距变得有点扭曲

-Safari 不加载背景渐变

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

正如我所说,这些问题我可以使用某些浏览器的自定义样式表来解决,但我似乎无法弄清楚如何实现它。

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

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

解决方案:添加 DOCTYPE 声明。

哦,去掉 <center>,它会让您的页面看起来很业余。更不用说像 <h3>..</h2>.

这样的错误了