你好,我正在为一个朋友建立一个网站,该网站在chrome上看起来很好,但当我尝试在firefox上测试它时,它看起来一点也不像chrome版本。查看firefox的调试器,似乎没有从CDN加载引导css。如有任何建议,我们将不胜感激!下面是我的代码中调用引导程序CDN的部分。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600' rel='stylesheet' type='text/css'>
<script src="https://use.typekit.net/edr3ydd.js"></script>
<script>try{Typekit.load({ async: true });}catch(e){}</script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" integrity="sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css" integrity="sha384-aUGj/X2zp5rLCbBxumKTCw2Z50WgIr1vs/PFN4praOTvYXWlVyh2UtNUU0KAUhAX" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css\about.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js" integrity="sha512-K1qjQ+NcF2TYO/eI3M6v8EiNYZfA95pQumfvcVrTHtwQVDG+aHRqLi/ETn2uB+1JqwYqVG3LIvdm9lj6imS/pQ==" crossorigin="anonymous"></script>
<title>About</title>
</head>
<body>
发布于 2016-01-07 17:12:14
建议您在为他人开发网站或应用时,切勿使用CDN。当你自己做一些事情作为草稿时,CDN是很好的引导布局。
但是当涉及到第三方的发布时,我建议您下载bootstrap包,并在HTML页面所在的本地服务器上使用它。
发布于 2016-01-07 17:00:43
为了测试这一点,下载一个副本并在本地提供您的CSS文件。Firefox可能会阻止您的资产请求。在firefox中检查控制台错误消息。
https://stackoverflow.com/questions/34650534
复制相似问题