Html Polymer.js浏览器兼容性-Can'；在Firefox和Safari中看不到CSS
嗨，我是Polymer.js的新手，我正在构建我的HTML自定义标记，以便在我的前端工作中重用它们。问题是，当我尝试在Safari和Firefox中打开index.html时，我看到的是唯一没有所有CSS的html。在Chrome中，一切都能完美工作。我不明白为什么会这样。 我使用Polymer 1.0.0，Firefox和Safari都是最新版本。 有什么建议吗？ 提前谢谢大家 下面是代码（正如您注意到的，我已经包含了webcomponents lite.min.js）： index.htmlHtml Polymer.js浏览器兼容性-Can'；在Firefox和Safari中看不到CSS,html,css,cross-browser,compatibility,polymer-1.0,Html,Css,Cross Browser,Compatibility,Polymer 1.0,嗨，我是Polymer.js的新手，我正在构建我的HTML自定义标记，以便在我的前端工作中重用它们。问题是，当我尝试在Safari和Firefox中打开index.html时，我看到的是唯一没有所有CSS的html。在Chrome中，一切都能完美工作。我不明白为什么会这样。 我使用Polymer 1.0.0，Firefox和Safari都是最新版本。 有什么建议吗？ 提前谢谢大家 下面是代码（正如您注意到的，我已经包含了webcomponents lite.min.js）： index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<title>Polymer Project</title>
<script src="../../bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
<link rel="import" href="app/components/pd-dashboard/dashboard-articles.html" />
<div class="row">
<dashboard-articles> </dashboard-articles>
</div>
<div class="col-sm-2"></div>
</div>
</html>
聚合物项目
<link rel="import" href="../../../bower_components/polymer/polymer.html">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="import" href="../../components/articles/article-2col/article-2col.html">
<link rel="import" href="../../components/articles/article-1col/article-1col.html">
<link rel="stylesheet" type="css/text" href="../../components/pd-dashboard/dashboard-articles.css" />
<!-- Fonts -->
<link href='https://fonts.googleapis.com/css?family=Dosis:800,600,700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Nunito:400,700' rel='stylesheet' type='text/css'>
<script src="../../bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
<dom-module id="dashboard-articles">
<template>
<div class="container-fluid">
<div class="row" style="margin: 5px">
</div>
<div class="row">
<hr>
<div class="row">
<div class="col-sm-5">
<article-1col></article-1col>
</div>
<div class="col-sm-7">
</div>
</div>
</div>
</template>
</dom-module>
<script>
Polymer({
is: "dashboard-articles"
});
</script>
聚合物({
is:“仪表板文章”
});