css env All In One

css env All In One

demo

https://hellouniapp.dcloud.net.cn/pages/extUI/icons/icons

env(safe-area-inset-top)

style attribute {
    --status-bar-height: 0px;
    --top-window-height: 60px;
    --window-left: 372px;
    --window-right: 22px;
    --window-margin: 22px;
    --window-top: calc(var(--top-window-height) + calc(44px + env(safe-area-inset-top)));
    --window-bottom: 0px;
}

font-family: uniicons;

.uni-icons[data-v-7bc22022] {
    font-family: uniicons;
    text-decoration: none;
    text-align: center;
}

CSS Functions

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Functions

refs

https://developer.mozilla.org/zh-CN/docs/Web/CSS/env()

---

---

©xgqfrms 2012-2025

www.cnblogs.com/xgqfrms 发布文章使用：只允许注册用户才可以访问！

原创文章，版权所有©️xgqfrms, 禁止转载 🈲️，侵权必究⚠️！

---