0

示例模板： ANDROID.COM MDL SKIN - getmdl.io/templates/android-dot-com/index.html

github： android.com 示例

这个固定头在手机上。截图

如何隐藏地址栏（滚动）？屏幕截图中的数字 2。

4

2 回答 2

1

我遇到的问题是浏览器地址栏不会在使用 mdl 固定布局的移动浏览器（Android 上的 Chrome）上自动隐藏。我解决了在 .html 文件的标题部分的 mdl-stylesheets 之后添加自己的样式表的问题：

<head> <link rel="stylesheet" href="mdl/material.min.css" /> <link rel="stylesheet" href="styles.css" /> </head>

在styles.css 文件中，我添加了：

@media screen and (max-width: 850px) {
  .mdl-layout__container {
    position: static;
  }
}

.mdl-layout__header{
  position: fixed;
}
于 2016-03-25T20:05:31.890 回答
0

内部问题。在完全重构 Layout 之前无法修复。

参考：https ://github.com/google/material-design-lite/issues/1072

于 2015-08-25T17:09:31.703 回答