html - 根据宽度调整固定元素的底部属性

Question

如何调整固定元素相对于屏幕宽度的底部属性？

#element {
    position: fixed;
    bottom: window.width * 0.5; /* ? */
}

Answer 1

如果您想使用屏幕宽度，您会喜欢 vw 而不是 %，即“视口(viewport)宽度”或屏幕高度 vh(视口(viewport)高度)

代码将是 底部:50vw

我最诚挚的问候