CSS问题:使用触摸打孔排序无法在Mobile(Safari)中使用

时间:2019-02-21 17:12:15

标签: css jquery-ui-touch-punch

我使用触摸打孔器创建了拖放或可排序的图像。即使在android系统中,Chrome也可以正常运行。但似乎在使用iPhone的Safari中无法正常工作。

https://jsfiddle.net/y05w1mog/

可能是CSS问题。图片应可拖动到以下四个选项之一。

 td {
  width: 200px;
 vertical-align: top;
}

.box {
    border: 2px inset #aaaaaa;
     height: 240px;
overflow-x: hidden;
  text-align: center;
 padding: 10px;
 overflow-y: auto;
}

.box img {
    position: relative !important;
}

 #div-images img {
height: 120px;
position: absolute;
top: 5px;
left: 0;
}

  #div-images {
  height: 100px;
  width: 150px;
  position: relative;
  margin: 0 auto;
  border: 3px double black;
  padding: 5px;
  }

  th {
  background-color: #538DD5;
  color: white;
  }

1 个答案:

答案 0 :(得分:0)

结果

包含:“窗口”,

是触摸打孔机中的一个,不适用于野生动物园。