2

Chrome 拡張機能に Metro UI を実装したいと考えています。ページ コントロールのサンプル コードを次のように使用します。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Sample</title>
  <link href="css/modern.css" rel="stylesheet" media="screen">
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script src="javascript/dropdown.js"></script>
  <script type="text/javascript" src= "javascript/pagecontrol.js"></script>
</head>
<body class="metrouicss">
  <div class="page-control" data-role="page-control">
        <!-- Responsive controls -->
        <span class="menu-pull"></span> 
        <div class="menu-pull-bar"></div>
        <!-- Tabs -->
        <ul>
            <li class="active"><a href="#frame1">Frame1</a></li>
            ...
            <li><a href="#frameN">FrameN</a></li>
        </ul>
        <!-- Tabs content -->
        <div class="frames">
            <div class="frame active" id="frame1"> ...frame content... </div>
            ...
            <div class="frame" id="frameN"> ...frame content... </div>
        </div>
    </div>
</body>
</html>

Web ブラウザで popup.html を開けば問題ありません。 ここに画像の説明を入力

しかし、Chrome拡張機能で開くと奇妙に見えます: ここに画像の説明を入力

私はそれを修正する方法がわかりません.htmlアプリケーションを作成するのは初めてです。たぶんこれは非常に簡単な質問ですが、私を助けてください、どうもありがとう

4

1 に答える 1