我可以很容易地在 JavaScript 中做到这一点,但想知道是否可以使用直接的 CSS:在适合窗口大小的窗口中保留一个方形 div,不管它是什么。
我发现的任何解决方案都没有考虑到高度小于宽度。
从逻辑上讲,我想要的是,当窗口宽度小于高度时,给我一个该宽度的正方形。如果高度较小,那么给我一个那个大小的正方形。
我见过的最接近的解决方案使用以 vw 为单位测量的宽度和高度,但是当窗口非常宽和短时它不起作用。
html css
css ×1
html ×1