URL de ejemplo: https://jsfiddle.net/ariysjitu/0uyfLav3/9/

La suavidad arrastrable no funciona, razón para agregar a la transformación: escanear (0.28, 0.28) css en jquery.ui.js Agregar a la transformación css: escala (0.28, 0.28) en div principal

 <div class="dhold"> <div id="draggables" class="ui-widget-content"> <p>Drag me around</p> </div> </div> .dhold { width: 1800px; height: 1200px; transform: scale(0.28, 0.28); transform-origin: left top; background: #ccc; } #draggables { width: 150px; height: 150px; padding: 0.5em; color: red; }