我难住了。在无法在 FireFox 中正确加载的网站上工作。它在 Chrome 甚至 IE 中加载得很好,但由于某种原因,样式表没有在 FireFox 中加载。
网站: http: //gregsonaccounting.com
我正在使用 html5 代码,并使用了 html5 Boiler Plate 中的基本重置等。不确定问题出在我的 html 还是 CSS 中。
任何见解都非常有帮助。
非常感谢。
我难住了。在无法在 FireFox 中正确加载的网站上工作。它在 Chrome 甚至 IE 中加载得很好,但由于某种原因,样式表没有在 FireFox 中加载。
网站: http: //gregsonaccounting.com
我正在使用 html5 代码,并使用了 html5 Boiler Plate 中的基本重置等。不确定问题出在我的 html 还是 CSS 中。
任何见解都非常有帮助。
非常感谢。
样式表应以格式定义;
<link rel="stylesheet" type="text/css" href="css/stylesheet.css">
您还可以包括media
属性,它们指定如何在不同的媒体上呈现文档:在屏幕上、在纸上、使用语音合成器、使用盲文设备等。
在您的页面中,它是;
<link rel="stylesheet" href="stylesheets/style.css" rel="stylesheet" />//Here is the problem
<link rel="stylesheet" href="nivo-slider/nivo-slider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="nivo-slider/themes/default/default.css" type="text/css" media="screen" />
因此该行可以修改为;
<link rel="stylesheet" href="stylesheets/style.css" type="text/css" media="screen" />
您的问题来自 style.css,它以@charset "IBM437"
Replace it with开头,@charset "UTF-8";
它会更好!
它接缝了这个字符集 IBM437 是由 SASS 自动添加的:
尝试改变:
<link rel="stylesheet" href="stylesheets/style.css" rel="stylesheet" />
到
<link rel="stylesheet" href="stylesheets/style.css" type="text/css" />
我的 CSS 代码在Chrome上运行良好,但在 IE 和 Firefox 上总是崩溃。然后我发现问题出在预处理不当的 CSS 中。
只需将您的 CSS 复制粘贴到http://csslint.net/,如果您遇到任何错误,只需修复它就可以了 :)
值得尝试!
将其插入到您的 html 文档中。我不是在写代码,只是给你关键词,让你知道并可以输入。
链接 rel="stylesheet" type="text/css" href="stylesheet.css"
它可以正常工作,因此请确保您正确使用此功能,否则您的 html 文档将不会与样式表一起加载。祝你好运,继续工作吧。