uniapp #app{ padding-top: env(safe-area-inset-top); } 不生效

在 uni-app 中，使用 env() 函数需要满足两个条件：

1. 必须使用条件编译语法，将样式代码放在对应的平台下。

例如，在 H5 平台下，需要将样式放在 `h5` 目录下的 `style.css` 文件中：

/* h5/style.css */
#app {
  padding-top: env(safe-area-inset-top);
}

2. 必须设置 viewport-fit=cover。

这可以在 `pages.json` 文件中进行设置：

{
  "h5": {
    "viewport-fit": "cover"
  }
}

如果以上两个条件都满足，但仍然无法生效，可能是因为你的手机不支持该属性。你可以尝试使用其他手机进行测试。

相关问题

uniapp #app{ padding-top: env(safe-area-inset-top); } 怎么使用

在 Uniapp 中，我们可以使用 `env()` 函数来获取设备的安全区域（即刘海屏、圆角屏等区域），然后使用这个值来设置页面样式。

具体来说， `env(safe-area-inset-top)` 用于获取页面顶部的安全区域高度，然后我们可以将这个值应用到 app 的样式中，以确保内容不会被安全区域遮挡。

下面是一个示例代码：

/* 在 App 样式中添加如下代码 */
#app {
  padding-top: env(safe-area-inset-top);
}

这样，页面顶部的内容就会被安全地显示在设备的安全区域内。需要注意的是，`env()` 函数在一些老旧的浏览器中可能不被支持，因此在实际开发中需要进行兼容性处理。

padding-bottom: env(safe-area-inset-bottom);这句话什么意思

这句话是 CSS 样式表中的一句语句，它的意思是在元素的底部设置一个内边距，这个内边距的值是由浏览器环境中安全区域底部的大小来决定的。在移动端设备上，由于屏幕周围可能存在一些非显示区域，如刘海屏、导航栏等，这些区域被称为安全区域，为了避免内容被裁剪或遮挡，需要通过这种方式设置内边距来保留安全区域的空间。