Javascript CSS框宽度不变

Javascript CSS框宽度不变,javascript,css,interact.js,Javascript,Css,Interact.js,我正在使用此库在移动设备上进行拖放: 特别是第二段:“拖放” 我试图通过编辑以下内容,使用类拖放更改蓝色框的大小: .drag-drop { display: inline-block; width: 10px; height: 10px; padding: 2em 0.5em; color: #fff; background-color: #29e; border: solid 2px #fff; -webkit-transform: translate(0px, 0px);

我正在使用此库在移动设备上进行拖放:

特别是第二段:“拖放”

我试图通过编辑以下内容,使用类拖放更改蓝色框的大小:

.drag-drop {
display: inline-block;
width: 10px;
height: 10px;
padding: 2em 0.5em;

color: #fff;
background-color: #29e;
border: solid 2px #fff;

-webkit-transform: translate(0px, 0px);
      transform: translate(0px, 0px);

transition: background-color 0.3s;
}

然而,这似乎并不奏效。我错过了什么?CSS是我的弱点,所以把我当作一个基本的用户。

有一个错字,它的宽度不是重量


宽度:10px

有一个输入错误,是宽度而不是重量


宽度:10px

在interactjs示例中向下滚动以调整大小。在interactjs示例中向下滚动以调整大小。