Puede usar env(safe-area-inset-bottom) para este propósito. Por ejemplo, podría aplicar un relleno como este:
.my-footer { padding: env(safe-area-inset-bottom); } También puede utilizar valores alternativos. Por ejemplo, si desea un relleno predeterminado de 10 px en caso de que no se haya definido safe-area-inset-bottom , puede usar lo siguiente:
.my-footer { padding: env(safe-area-inset-bottom, 10px); }Consulte https://developer.mozilla.org/en-US/docs/Web/CSS/env