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