CSS环境变量

CSS环境变量模块定义了环境变量的概念和env()函数。环境变量与自定义属性和var()函数类似，但它们是全局定义的；它们是作用于整个文档的全局变量。它们是由浏览器或操作系统提供的用户代理值，您可以使用env()函数访问它们，从而使您的样式能够适应用户的设备或上下文。

环境变量提供了可在页面上使用的值，这些值基于用户代理可访问的信息，如标题栏大小、动态键盘和安全区域插入。安全区域插入定义了一个矩形，该矩形保证在非矩形显示器上可见，基于其与视口边缘的距离。您可以在样式中包含用户代理大小，从而能够根据安全区域矩形内的可用空间、可见动态键盘旁边或可见标题栏相邻的位置来修改基本内容的布局。