如何将div设置为视口的百分比？

Question

我必须将 a 设置<div class="row" ng-repeat="..">..</div>为视口减去一定数量的像素的百分比（由于 jQuery 或 LESS，这可能不会成为问题）。最大的问题是ng-repeat.

jQuery、Angular 或 LESS 有没有办法做到这一点？

编辑：最大的问题是 ng-repeat。

Answer 1

这可以在没有 JavaScript 的情况下通过使用CSS calc()和CSS vw单位值来实现：

.row {
  width: calc(50vw - 60px);
}

50vw 对应于视口宽度的 50%。