其他值随输入而变化时元素抖动/振动

Question

我有滑块和一些输出框来显示这些滑块的值。当用户移动滑块并且值发生变化时，页面的其余部分会移动/抖动以适应值大小的新（非常轻微）增加。防止这种情况的最佳方法是什么？我尝试过使用带有一些填充的容器，但这只是“增加”了值大小，一切都在不断变化。

这是它在顶部的滑块的作用：www.cherb.co.uk/map

干杯

Answer 1

这是可行的。在你的 CSS 中添加 display:block 到类滑块。

.slider {
    -webkit-appearance: none;
    width: 90px;
    height: 10px;
    background: white;
    display: block;
}