javascript - 我怎样才能扩大车轮的宽度？

Question

我已经尝试了几个小时来更改轮子和元素的宽度，但我不知道如何https://jsfiddle.net/ywm3zbc4/105/

我想将轮子宽度更改为 600px 并仍然使用该功能来选择轮子应该降落的位置

    .wheel {
      width: 600px;
    }

    var wheel = new SpinWheel(20);

如果它没有完全中断，在更改宽度后运行它时它会跳过并且不会落在“20”上

Answer 1

作为 Inside wheel-wrapper 类，您有(39 个 wheel-items)wheel-item。您需要在 wheel-wrapper 和 wheel-item 这两个地方更改宽度。您需要将 wheel-wrapper 除以您应该想要的 wheel-item。例如，我使用了 2925px 宽度的 wheel-wrapper 而你有 39 项。按照这个，wheel-item 的宽度 75px。

注意:您可以根据您的要求进行更改。

我所做的改变:

.wheel {
  width: 470px;
  height: 50px;
  padding: 10px 9px;
  margin: 0 auto;
  overflow: hidden;
  &-wrapper {
    width: 2925px;   //changed
  }
  &-item {
    float: left; 
    width: 75px;    //changed
    height: 30px;
    color: white;
    text-align: center;
    p {
      line-height: 30px;
      margin: 0;
    }
  }

Test link