收藏
回答

H5页面在安卓微信浏览器的横屏情况下,使用css的safe-area-inset-left不生效?

padding-left: constant(safe-area-inset-left);
padding-left: env(safe-area-inset-left);

横屏情况下,这个样式在ios的微信浏览器中可以留出安全边距,而安卓的微信浏览器中并没有留出安全边距

回答关注问题邀请回答
收藏

1 个回答

  • 社区技术运营专员--许涛
    社区技术运营专员--许涛
    07-10

    你好,麻烦提供下机型,微信版本号和复现链接

    07-10
    有用
    回复 3
    • 月光光
      月光光
      07-10
      机型:一加Ace 2V、OPPO K7
      版本:8.0.50,8.0.49
      链接:https://ygggo.github.io/test/
      07-10
      回复
    • 社区技术运营专员--许涛
      社区技术运营专员--许涛
      07-12回复月光光
      补充下横屏页面安卓截图(我们测试安卓和iOS表现一致)
      07-12
      回复
    • 月光光
      月光光
      07-15
      图1是ios,图2是安卓上述机型,上述机型微信浏览器左侧内边距没有留出挖孔屏的安全距离,也没有像别的浏览器一样浏览器本身留出安全距离
      07-15
      回复
登录 后发表内容