如何在默认的HTML标记中设置聚合物窄布局？

Question

我正在使用这个例子从聚合物演示，并试图切换边栏菜单在页面启动与HTML标记。因此聚合物在默认情况下处于狭窄的布局中。

在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

你等聚合物准备好了吗？

这应该有效--未经检验的想法--试一试：

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