表格数据在缩放时溢出

Question

我在<div>内有一张桌子。 div包含一个盒子..

现在我已经使用外部插件hammer.js将缩放功能单独应用于表格。

所以，当我缩放我的桌子时，它溢出了盒子..有没有办法来解决这个问题？

我的div在其中的框中具有以下css属性：

.box {

    background:none repeat scroll 0 0 rgba(115, 165, 188, 0.52);
    border: 2px solid rgb(65, 65, 65);
    padding: 8px;
    border-radius: 8px 8px 8px 8px;

}