在我的代码中,调整浏览器大小时,纸盒面板会折叠,但当我在手机中尝试时,它不会折叠。
<!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
最佳答案
这是我挣扎了一段时间的事情,对我有用的是 将此片段放在头部。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
我希望它对你有用,就像对我一样:)
关于html - 聚合物纸抽屉面板响应式设计,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32804930/