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

Question

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

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

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

Answer 1

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

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

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

Answer 2

获取视口的宽度/高度，如Using jQuery To Get Size of Viewport

然后再做

var percent = 0.5;
var pixelsToSubtract = 10;
var adjustedWidth =  ($(window).width()*percent - pixelsToSubract) + 'px';
var adjustedHeight =  ($(window).height()*percent - pixelsToSubract) + 'px';
$('.row').css({width:adjustedWidth, height:adjustedHeight});