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

标签 html css firefox browser safari

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

这是我的网站: Peranthai.com

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

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

-Safari 不加载背景渐变

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

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

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

最佳答案

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

解决方案:添加 DOCTYPE 声明。

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

关于html - 为特定浏览器加载不同的 CSS 样式 [不是 IE],我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28391090/

相关文章:

javascript - 链接到外部站点时是否可以使用页面转换?

javascript - 带有 eB YouTube 视频的画廊

javascript - 插入带有 firefox 扩展名的本地 css 文件

javascript - 如何在 Android 上将 getUserMedia 与 Cordova 一起使用?

javascript - 为什么我们不能打印包含 html 名称的变量?

html - 是否可以在 <audio> 控制面板中移动?

firefox - UTF-8 编码在 Internet Explorer 中无法正常工作,但在 Mozilla Firefox 中却可以正常工作

css - 跨浏览器提示分词

javascript - 使用 javascript 从 html 发送电子邮件,无需默认 Outlook

image - CSS 中的内容属性以显示图像图标