Question

在我的代码中，纸张抽屉面板在重新调整浏览器大小时会折叠，但是当我在手机中尝试时它不会崩溃。

<!DOCTYPE html>
<html>
<head>
    <title>PolyPolymer</title>
    <script src="bower_components/webcomponentsjs/webcomponents.min.js"></script>
    <link rel="import" href="elements.html">
</head>
<body fullblead layout vertical fit>
    <paper-drawer-panel responsive-width="800px">
        <paper-header-panel flex drawer>
            <paper-toolbar>
            <div class="title middle">Heading</div>
            </paper-toolbar>
            <div class="bottom row fit bottom">
            </div>
        </paper-header-panel>
        <paper-header-panel flex main>
        <paper-toolbar>
          <paper-ripple center></paper-ripple>
          <paper-icon-button icon="menu" paper-drawer-toggle></paper-icon-button>
            <div flex class="indent title">Heading</div>
            </paper-toolbar>                
            <div>
             page content
            </div>
        </paper-header-panel>
    </paper-drawer-panel>
</body>
</html>

我正在使用聚合物1.0

Answer 1

这是我一直在努力的事情，对我有用的是把这个片段放在头上。

<meta name="viewport" content="width=device-width, initial-scale=1.0">

我希望它对我有用，就像它对我一样：）

聚合物纸 - 抽屉 - 面板响应式设计

1 个答案: