angularjs材质设计使卡片成正方形

Question

我有材料设计卡。该卡内有一个iframe。iframe必须是正方形。它的宽度和高度设置为100％。

正方形的宽度由layout="column" flex="33"父标记中的设置。如何使这个正方形的高度等于宽度？

<div layout="column" flex="33">
    <md-input-container>
        <label>Project Name</label>
        <input ng-model="sprites.list[sprites.list.length-1].name" md-maxlength="30" type="text">
    </md-input-container>

    <run-project></run-project>

    <sprites-list></sprites-list>
</div>

<blocks-list></blocks-list>
<editor></editor>