如何调试较少的css变量

正如标题所述,我如何调试较少的css变量.举个例子.

//style.less
@height: `document.body.clientHeight`;

解决方法

基于@GeekyMonkey的回答,我写了这个小剪切,你可以放在你的较少文件中的某个地方：

.debug(@var) {
  &:after {
    content: "@{var}";
    font-size: 20px;
    background-color: #fff;
    border: 1px solid red;
    padding: 10px;
    border-radius: 5px;
    color: red;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
  }
}

然后使用.debug(@someVar)并将其值打印到屏幕上.

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。

• 上一篇：algorithm – 如何将RGB代码转换为下一篇：500px.com排名算法