在数字上加单位

Question

我试图制作一个LESS类以在旋转视口的项目中使用：

.vertical-display (@x:vw,@y:vh) {
    .video-container {
        width: 100@x;
        height: 80@y;
        padding: 1@y;

        video {
            max-height: 75@y;
        }
    }

当我用更少的颜色渲染它时，我会得到如下间隔的属性： 宽度：100 vw；

如何用更少的空间摆脱这个空间？

Answer 1

.vertical-display (@x:vw,@y:vh) {
  .video-container {
    width: unit(100, @x);
    height: unit(80, @y);
    padding: unit(1, @y);

    video {
      max-height: unit(75, @y);
    }
  }
}

将按需要输出，但是如果您想以百分比为单位传递，则必须以转义字符串.vertical-display(~'%', ~'%');的形式传递。