Layout MDL网格布局没有响应

Layout MDL网格布局没有响应,layout,responsive-design,material-design-lite,Layout,Responsive Design,Material Design Lite,我在使代码()正常工作时遇到问题 外部数字/列可能是广告的空间,或者只是空白,否则看起来很糟糕 问题是:即使在刷新页面后,它也没有响应。我尝试了ChromiumLinux移动/平板电脑模拟和Nexus5Firefox&Chrome。在任何地方,都会使用桌面版本。MDL要求您将其包含在标题中 <meta name="viewport" content="width=device-width, initial-scale=1"> 顺便说一句,我没有看到它写在入门指南中,也许可以添加

我在使代码()正常工作时遇到问题

外部数字/列可能是广告的空间,或者只是空白,否则看起来很糟糕


问题是:即使在刷新页面后,它也没有响应。我尝试了ChromiumLinux移动/平板电脑模拟和Nexus5Firefox&Chrome。在任何地方,都会使用桌面版本。

MDL要求您将其包含在标题中

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

顺便说一句,我没有看到它写在入门指南中,也许可以添加到那里


工作

您的问题是您没有将.mdl网格包装在.mdl-layout\u内容中

<div class="mdl-layout__content">
<div class="mdl-grid">row</div>
</div>

一行
我为你树立了一个榜样。 只需展开窗口滑块,您就会看到所需内容。

添加

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

进入


请编辑您的问题,将代码包含在问题中,而不是链接到问题中。请提供一个工作示例,例如一个jsfiddle.duplicate,其中包含我提交的内容,尽管格式不正确。现在添加JSFIDLE。
<div class="mdl-layout__content">
<div class="mdl-grid">row</div>
</div>
<meta name="viewport" content="width=device-width, initial-scale=1">