两个Android Chrome的小坑
2015-04-22
154 字
1 分钟

背景不支持fixed属性 标题栏沉浸

背景不支持fixed属性#

安卓浏览器/安卓Chrome中对于background已经移除了fixed属性

解决方法:

  • 第一种:

对div进行fixed

  • 第二种(适用于body background):
html{
 height:100%;
 min-height:100%;
 }
body{
 min-height:100%;
 }

标题栏沉浸#

支持Android 5.x下Chrome的标题栏沉浸颜色

安卓Chrome沉浸主题色 安卓Chrome沉浸主题色-任务列表显示

header中加入以下代码,选个喜欢的颜色

<meta name="theme-color" content="#ffffff">
<link rel="icon" sizes="192x192" href="nice-highres.png">

Reference#

支持Android 5.x下Chrome的标题栏沉浸颜色 background-size: cover not working in portrait on Android tablet

两个Android Chrome的小坑
https://blog.xingoxu.com/2015/04/android-chrome-issues-with-webpage/
作者
xingo
发布于
2015-04-22
许可协议
CC BY-NC-SA 4.0