自适应高度示例

要判断地址栏是否显示，可以使用JavaScript来获取浏览器窗口的高度和屏幕高度，并计算它们的差值，来判断是否有地址栏或导航栏的占用。然后再使用CSS的height属性来设置元素的高度。 以下是一个示例代码，可以根据当前设备是否有地址栏或导航栏来自适应元素高度： 在上面的代码中，使用了CSS的自定义属性--safe-area-inset-top和--safe-area-inset-bottom来表示顶部和底部安全区域的高度，然后在JavaScript中计算差值，并根据差值设置自定义属性的值。最后在CSS中使用这些自定义属性来设置元素的高度。这样，无论是有地址栏或导航栏的设备，还是没有的设备，都能够自适应高度。