推荐关注
› Meteor
› JSLint - a JavaScript code quality tool
› jsFiddle
› D3.js
› WebStorm
推荐书目
› JavaScript 权威指南第 5 版
› Closure: The Definitive Guide
limy97

求判断刘海屏的解决方案 [JavaScript]

  •  
  •   limy97 · Dec 14, 2020 · 4949 views
    This topic created in 2153 days ago, the information mentioned may be changed or developed.
    救救孩子!
    6 replies  •  2020-12-15 13:01:24 +08:00
    Fanx
    Fanx
    Dec 15, 2020
    1
    ua 判断机型?
    a570295535
    a570295535
    Dec 15, 2020 via Android
    2
    没必要判断吧,网页的话,浏览器自己就适配了,网页封装的 APP 的话,你用啥封装就用它提供的方式修改就行啊,如果它没提供,你就找个提供的平台就行了!

    如果非要自己判断,只能一个一个判断机型了,明显很坑啊,你也可以不管三七二十一,直接 padding-top 了。
    chnwillliu
    chnwillliu
    Dec 15, 2020❤️2
    3
    不需要 JS 判断啊,直接 CSS env 获取 safe-area 的边界。非要 JS 获取那你就 CSS 写 safe-area 的几个值到 root 节点上
    然后 js 里 getComputedStyle / computedStyleMap 就能拿到这几个环境变量。

    https://developer.mozilla.org/en-US/docs/Web/CSS/env()
    limy97
    limy97
    OP
    Dec 15, 2020
    4
    @Fanx 肯定是要 ua 判断。 机型太多有点坑
    limy97
    limy97
    OP
    Dec 15, 2020
    5
    @a570295535 hybird 开发。产品需求 js 判断有无刘海 调用端上提供不同的能力。不是样式适配。。。
    limy97
    limy97
    OP
    Dec 15, 2020
    6
    @chnwillliu 感觉可行 我试下这个方法。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2070 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 02:37 · PVG 10:37 · LAX 18:37 · JFK 21:37
    ♥ Do have faith in what you're doing.