根据宽度调整固定元件的底部特性

Question

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

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

Answer 1

如果你想使用屏幕宽度，你会喜欢大众，而不是%什么意思‘视口宽度’或屏幕高度作为vh (视图高度)

代码将是bottom: 50vw

我最诚挚的问候

Answer 2

您可以使用calc() css属性。http://www.alsacreations.com/article/lire/1630-la-fonction-calc-en-css.html或者仅仅是百分之一的bottom.asp

Answer 3

添加下面的CSS以调整固定元素底部属性相对于屏幕宽度。

#element {
position:fixed;
width: 100%;
bottom: 0;}