Question

我正在测试Google的Polymer library，试图找到一个有效的抽屉面板（see here）。但任何核心要素的任何建议都可能奏效。我按照规定的安装过程（see here）。

在尝试让该组件正常运行时，我遇到了两个主要问题：

默认情况下，左侧面板不响应鼠标点击。但是，当宽度低于480px时，它会隐藏。
样式仅适用于Chrome（v 38.0.2125.104），而不适用于Firefox（v 33.0.2）或Safari（v 7.0.6）。我认为所有这些浏览器都提供了Web Components支持。如果没有，platform.js添加了Polyfill支持。
以下是我使用

关于i）如何使其工作的任何指示和ii）如何在浏览器中使用它？

   <html class="no-js lt-ie9 lt-ie8 lt-ie7">
      <style src="css/style.css"></style>
      <link href="bower_components/core-elements/core-elements.html" rel="import">
      <link href="bower_components/core-drawer-panel/core-drawer-panel.html" rel="import">
      <core-drawer-panel>
         <core-header-panel drawer="" id="drawer-panel">
            <core-toolbar>
               <div>Side Panel</div>
            </core-toolbar>
         </core-header-panel>
         <core-header-panel main="">
            <core-toolbar>
               <div>Main Panel</div>
            </core-toolbar>
         </core-header-panel>
      </core-drawer-panel>
   </html>

聚合物核心元素的问题

0 个答案: