无法将 Metro UI CSS 插入 SharePoint Web 部件答案

【问题标题】：Can't insert Metro UI CSS into SharePoint Web Part无法将 Metro UI CSS 插入 SharePoint Web 部件
【发布时间】：2015-06-09 16:14:32
【问题描述】：

我正在尝试将以下 Metro UI CSS 代码插入 SharePoint Web 部件

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="https://cdn.rawgit.com/olton/Metro-UI-CSS/master/docs/css/metro-bootstrap.css">
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
    <script src="https://cdn.rawgit.com/olton/Metro-UI-CSS/master/min/metro.min.js"></script>
</head>
<body class="metro">
    <div class="tile bg-cyan"></div>
</body>
</html>

但是，每当我插入代码时，整个网页都会变得扭曲（见下面的截图）

这也是代码的jsfiddle（一个简单的蓝色框）

任何帮助将不胜感激

【问题讨论】：

标签： javascript css sharepoint metro-ui-css

【解决方案1】：

我遇到了同样的问题。问题出在 Metro.css （在你的情况下 bootstrap-metro.css 在新版本中 bootstrap-metro.css 与 metro.css 交换）参考文件。我无法为确切的问题提供资金，但通过从 css 文件中删除不必要的代码来实现这一点。就我而言，我只使用了瓷砖，所以我删除了几乎所有东西，除了包含 .tile 的类，@font、@media 之类的东西，并且它有效。祝你好运！

【讨论】：