Question

我通过ng-repeat打印了一张表格，我的目标是让td方格中的每一个tbody。所有td的宽度都相等，所以我只需要检查第一个进行更改。但是，该页面是动态的，因此table的宽度以及td的宽度将在窗口调整大小时发生变化。
我在head中有样式表。

<style type="text/css">.squerify>tr{height:60px;}</style>

这用于通过以下方式更改高度：

document.styleSheets[1].cssRules[0].style.height=document.querySelector('.squerify td').offsetWidht+"px";

这可以单独使用，但我想知道如何让角度告诉我，td已经改变了它的宽度（这里我正在考虑窗口事件上的'onresize'）。 />
那么，onresize现在可能有效，但初始化怎么样？我没有办法让棱角分明告诉我它完成了所有的工作 PS。：表格在视图中，如果这改变了什么......

问题如下：

有没有更好的方法来检查页面大小调整角度？
用于初始化表的内容是什么？

Answer 1

对于想要知道如何做方形元素的每个人：

我们需要一个基本元素（div会这样做）给它类（我将使用square），这个将是正方形：
```
<div class="square"></div>
```
我们在里面放了一个img标签:(＆＃34;数据：......＆＃34;需要，不要删除它，它是1x1px透明的img）

我们需要一点css：

.square img{
    width: 100%;
    height: auto;
    border: 0;
}

.square *:not(img){
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

就是这样，很容易吗？

AngularJS根据宽度动态更改高度

1 个答案: