html - 当其他值随输入而变化时，元素会抖动/振动

Question

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

这是顶部 slider 的实际操作:www.cherb.co.uk/map

干杯

Answer 1

这是可行的。在您的 CSS 中添加 display:block 到类 slider 。

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