美文网首页
译:从 Android Chrome 39 开始支持 theme

译:从 Android Chrome 39 开始支持 theme

作者: By_syk | 来源:发表于2017-06-30 11:08 被阅读76次

    此文为笔者译文,版权归原作者所有。
    原文载于 Google Developers | Web
    Support for theme-color in Chrome 39 for Android
    By Pete LePage / 2014-10

    Material design guidelines

    从运行在 Android Lollipop(5.0)上的 Chrome 39 版本开始,您可以使用theme-color这个 META 标签来设置顶栏颜色,而不再是一成不变的灰色顶栏!语法十分简单:在页面的<head>内添加一个meta标签,name设置为theme-colorcontent设置为任意合法的 CSS 颜色字串即可(#ff5252red等等)。例如:

    <meta name="theme-color" content="#db5945">
    

    另外,在该版本中,您可以为网页提供漂亮的高分辨率图标(favicon)了,Chrome 将会自动选择所提供的最佳分辨率图标,在<u>添加到主屏幕</u>等场景中使用。在此,我们建议为 Android 版的 Chrome 提供一个 192x192px 的 PNG 图标。例如:

    <link rel="icon" sizes="192x192" href="nice-highres.png">
    

    请至图标和浏览器颜色文档进一步了解以发现更多改善网页的技术。

    相关文章

      网友评论

          本文标题:译:从 Android Chrome 39 开始支持 theme

          本文链接:https://www.haomeiwen.com/subject/ykubcxtx.html