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

Question

如何根据屏幕宽度调整固定元素的底部属性？

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

Answer 1

如果你想使用屏幕宽度，你会喜欢vw而不是％，这意味着'视口宽度'或屏幕高度为vh（视口高度）

代码将是 bottom: 50vw

我最诚挚的问候

Answer 2

您可以使用calc（）css属性。 http://www.alsacreations.com/article/lire/1630-la-fonction-calc-en-css.html 或者只是一个百分比http://www.w3schools.com/cssref/pr_pos_bottom.asp

Answer 3

添加波纹管CSS以调整相对于屏幕宽度的固定元素底部属性

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

Answer 4

使用% 例如：bottom:5%; width:100%; 它将根据屏幕尺寸进行调整