谷歌材料设计Lite:单页标题

Question

试图构建一个响应的单一页面为我的斯莱克应用程序，但我似乎无法让标题是响应，它只是消失在较小的屏幕。我想我可能需要使用mdl-grid类，但不确定这是否是最佳实践。以下是我所写的：

<div class="mdl-layout mdl-js-layout">
  <header class="mdl-layout__header">
    <div class="mdl-layout__header-row">
      <span class="mdl-layout-title">Slack Riddles</span>
    </div>
  </header>
  <main class="mdl-layout__content">
    <button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--colored">
      Add to Slack
    </button>
  </main>
</div>

​

Answer 1

是的，这是个愚蠢的问题。也许它会对别人有帮助。包括mdl-layout--fixed-header类。

<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">