jquery - 如何将div设置为视口(viewport)的百分比？

Question

我必须设置一个 <div class="row" ng-repeat="..">..</div>到视口(viewport)的百分比减去一定数量的像素(这可能不会因为 jQuery 或 LESS 而成为问题)。最大的问题是 ng-repeat .

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

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

Answer 1

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

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

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