我正在尝试将以下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 (一个简单的蓝框)
任何帮助都将不胜感激。
发布于 2015-06-09 16:14:32
我遇到了同样的问题。问题出在bootstrap-metro.css (在您的例子中,新版本的metro.css -metro.css与metro.css交换)引用文件中。我无法解决这个问题,但通过从css文件中删除不必要的代码来解决这个问题。在我的例子中,我只使用了tiles,所以我删除了几乎所有的东西,除了包含字体的类,比如@ .tiles,@media,它起作用了。祝好运!
https://stackoverflow.com/questions/28228585
复制相似问题