Material design guidelines此文为笔者译文,版权归原作者所有。
原文载于 Google Developers | Web:
Support for theme-color in Chrome 39 for Android
By Pete LePage / 2014-10
从运行在 Android Lollipop(5.0)上的 Chrome 39 版本开始,您可以使用theme-color
这个 META 标签来设置顶栏颜色,而不再是一成不变的灰色顶栏!语法十分简单:在页面的<head>
内添加一个meta
标签,name
设置为theme-color
,content
设置为任意合法的 CSS 颜色字串即可(#ff5252
、red
等等)。例如:
<meta name="theme-color" content="#db5945">
另外,在该版本中,您可以为网页提供漂亮的高分辨率图标(favicon
)了,Chrome 将会自动选择所提供的最佳分辨率图标,在<u>添加到主屏幕</u>等场景中使用。在此,我们建议为 Android 版的 Chrome 提供一个 192x192px 的 PNG 图标。例如:
<link rel="icon" sizes="192x192" href="nice-highres.png">
请至图标和浏览器颜色文档进一步了解以发现更多改善网页的技术。
网友评论