material-design-lite - Material Design Lite 和小屏幕

标签 material-design-lite

我在使用 Material Design Lite 时遇到了一些问题。我制作了一个在计算机上看起来很棒的页面,但它根本没有响应。我使用的是直接从 getmdl.io 组件页面复制的示例代码...在该页面上,所有内容在手机上看起来都很棒,但在我的页面上,它看起来像是一个仅限桌面的网站(非常小,难以阅读)。你知道我可能做错了什么吗?

最佳答案

我有同样的问题,我用这种形式解决了它:

我的 MDL 代码导航栏标题:

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

尝试使用此表单:

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

再见。

关于material-design-lite - Material Design Lite 和小屏幕,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33726521/

相关文章:

material-design-lite - 如何使 MDL 表响应?

ios - iOS 上的 Material Design Lite 和 dialog-polyfill 模态对话框

jquery - 如果稍后添加元素,mdl-js-textfield 将不起作用

javascript - 如何将组件 id 绑定(bind)为模板内 HTML 元素的父相对路径

material-design-lite - 允许 mdl-layout__tab-bar 中的 <a> 标签充当实际的 <a> 标签

javascript - 单击调整 MDL 卡片高度到卡片支持文本的高度

javascript - 如何获取 MDL 表中复选框的状态?

css - 按钮点击 : hidden list

html - 如何更改编辑 Controller 显示的跨度长度

javascript - mdl-menu material-design-lite 中的 mdl-textfield