0

次の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>

ただし、コードを挿入するたびに、Web ページ全体が歪んでしまいます (下のスクリーンショットを参照)。

ここに画像の説明を入力

これもコードのjsfiddleです（単純な青いボックス）

どんな援助でも大歓迎です

4

1 に答える 1

0

私は同じ問題に遭遇しました。問題はmetro.cssにあります（あなたの場合はbootstrap-metro.css新しいバージョンではbootstrap-metro.cssがmetro.cssと交換されました）refrenceファイル。正確な問題に資金を提供することはできませんでしたが、css ファイルから不要なコードを削除することでこれが機能するようになりました。私の場合、タイルのみを使用していたので、@font、@media などの .tiles を含むクラスを除いてほとんどすべてを削除しましたが、うまくいきました。幸運を！

于 2015-06-09T08:14:32.240 に答える