xcode 检查顶部：env(safe-area-inset-top);

djmepvbi 于 2023-05-01 发布在其他

关注(0)|答案(3)|浏览(162)

请告诉我。我正在制作一个网站，可以从浏览器和我的iOS 14应用程序登录（webview是内部使用的）。我如何检查安全区域。

#block {
  width: 100px;
  height: 100px;
  background: red;
  padding-top: 10px;
  padding-top: env(safe-area-inset-top);
}

<div id="block"></div>

有必要使它从浏览器padding-top是10px和从应用程序，在设备上有一个安全区域padding-top是env(safe-area-inset-top) .先谢谢你了。

xcode

来源：https://stackoverflow.com/questions/64423476/checking-padding-top-env-safe-area-inset-top

3条答案

按热度按时间

xfb7svmp1#

#block {
  width: 100px;
  height: 100px;
  background: red;
  padding-top: env(safe-area-inset-top, 10px);
}

env()允许回退值。

赞(0）回复(0）举报 2023-05-01

gg0vcinb2#

#block {
  width: 100px;
  height: 100px;
  background: red;
  padding-top: calc(10px + env(safe-area-inset-top));
}

这个应该能用默认情况下使用10px并在ios设备中添加safe-area-inset

赞(0）回复(0）举报 2023-05-01

vd2z7a6w3#

尝试为您的特定屏幕尺寸添加媒体查询，如下所示：

#block {
  width: 100px;
  height: 100px;
  background: red;
  padding-top: 10px;
}

@media only screen and (max-width: 600px) {

  #block {
    padding-top: env(safe-area-inset-top);
  }

}

<div id="block">
</div>

赞(0）回复(0）举报 2023-05-01

我来回答

xcode 检查顶部：env(safe-area-inset-top);

3条答案

相关问题

热门标签

最新问答