gpt4 book ai didi

javascript - 如何将元素的高度设置为与其宽度相同并在窗口调整大小时保持大小比?

转载 作者:行者123 更新时间:2023-12-02 08:11:47 24 4
gpt4 key购买 nike

我试图将元素的高度设置为其宽度。它应该根据网络浏览器分辨率的变化自动缩放/保持大小比例。有没有办法只使用 html 模板来做到这一点?像这样的东西:

<div class="tile" #square [ngStyle]="{'height.px': square.width}">

最佳答案

诀窍是使用元素的 offsetWidth,但我们还需要静默调整窗口大小以保持比例

HTML:

  <div #square (window:resize)="0" [ngStyle]="{'height.px': square.offsetWidth }">

DEMO

关于javascript - 如何将元素的高度设置为与其宽度相同并在窗口调整大小时保持大小比?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46301181/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com