如何使用 HTML 标记将 Polymer 窄布局设置为默认布局？

Question

我正在使用 Polymer 演示中的这个示例，并尝试在使用 HTML 标记启动的页面上切换侧边栏菜单。所以Polymer默认是窄布局。

在 https://www.polymer-project.org/docs/elements/core-elements.html#core-scaffold 描述 responsiveWidth 但它不会影响行为。

<core-scaffold id="gui" >
  <core-header-panel navigation flex>
    <core-toolbar id="navheader">
      <div class="device-name">
        device
      </div>
    </core-toolbar>
    <core-menu>
      <core-item label="Help" onclick="window.open('')"></core-item>
    </core-menu>
  </core-header-panel>
  <div tool>
    tools
  </div>
  <div id="content"></div>
</core-scaffold>

Answer 1

您是否等待 Polymer 准备就绪？

这应该可行 - 未经测试的想法 - 试一试：

window.addEventListener('polymer-ready', function (e) {
 document.getElementById("gui").responsiveWidth = "1920px"; 
});