env获取安全距离的使用
{ /* 确保页面内容在安全区域内 */
padding-top: env(safe-area-inset-top);
padding-bottom: env(safe-area-inset-bottom);
padding-left: env(safe-area-inset-left);
padding-right: env(safe-area-inset-right);
/* 提供回退值,当env不支持时使用0 */
padding-top: constant(safe-area-inset-top); /* iOS <11.2 */
padding-bottom: constant(safe-area-inset-bottom);
padding-left: constant(safe-area-inset-left);
padding-right: constant(safe-area-inset-right);
}
</style>
{ /* 确保页面内容在安全区域内 */
padding-top: env(safe-area-inset-top);
padding-bottom: env(safe-area-inset-bottom);
padding-left: env(safe-area-inset-left);
padding-right: env(safe-area-inset-right);
/* 提供回退值,当env不支持时使用0 */
padding-top: constant(safe-area-inset-top); /* iOS <11.2 */
padding-bottom: constant(safe-area-inset-bottom);
padding-left: constant(safe-area-inset-left);
padding-right: constant(safe-area-inset-right);
}
</style>
展开
评论
2