聚合物紙抽屜面板響應式設計

在我的代碼中，紙張抽屜面板在重新調整瀏覽器大小時崩潰，但是當我在手機中嘗試時它不會摺疊。聚合物紙抽屜面板響應式設計

<!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

來源

2015-09-27 Aditya Chawla

這是我與掙扎了一會兒，什麼工作對我來說是把這個片段的頭部。

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

我希望它爲你喜歡它爲我做的:)

來源

2015-10-01 03:03:12 anurag145

哦多麼愚蠢的我：P感謝。 –

聚合物紙抽屜面板響應式設計

回答

相關問題