根据当前窗口高宽比动态更改my元素的高度

Question

我想添加一个底部:值到我的div，其中的值将根据浏览器窗口的纵横比变化。

有没有办法获得我的浏览器窗口当前的纵横比宽度/height？

.loading-animation{
bottom: ?
}

Answer 1

您应该分别使用vh, vw视口高度和视口宽度。内容将根据屏幕的不同自行调整。

Answer 2

您可以在CSS中使用方位-无线电属性。

该属性自动调整屏幕大小引用中的元素大小。