CSS 环境变量

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

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