css - 在 chrome 中设置 css constant() 或 env() 变量以进行调试
问题描述
我有这样的 CSS:
#something {
top: 0;
top: constant(safe-area-inset-top);
top: env(safe-area-inset-top);
}
(改变移动浏览器上的视图)
有没有办法在桌面上的 chrome 中将safe-area-inset-top
值设置为constant
或env
变量以进行调试/测试?
解决方案
也许会有更好的答案,但现在我发现最好的方法是简单地使用变量作为解决方法:
:root {
--safe-area-inset-top: 20px;
}
#something {
top: 0;
top: constant(safe-area-inset-top);
top: env(safe-area-inset-top);
top: var(--safe-area-inset-top);
}
推荐阅读
- django - Django 设置:没有这样的表 auth_user
- reactjs - 两页相互重叠
- selenium - 如何在 Chrome 浏览器上启动 Serenity Cucumber BDD?
- laravel - docker compose image 不再工作 laravel
- javascript - 为什么 Math.toString() 返回 [object Math]?
- cassandra - Cassandra 数据聚合和汇总
- php - Laravel 5.7 身份验证问题无法访问
- mysql - MySQL Workbench 和 phpMyadmin
- swift - 为什么不能将“UIView”类型的值转换为其他视图?
- python - 无法访问烧瓶 api 上的端点