减少iphone的表格包装宽度

Question

我正在制作小型jquery应用程序。在其中我使用DataTables来显示网格上的一些信息。我在iphone上的显示有轻微问题。当我在我的Chrome或Android设备上显示网格时，它很好，因为你可以在这里看到我创建了JSFIDDLE但是在iphone上有一些被切断了。我一直在搞乱css，但不能得到一个好看的网格。我基本上减少了一点宽度，所以我也可以把它放在iphone上。可以给某人pelase的建议。

这是一个让我失望的例子 我尝试了以下

#example_wrapper{


    width: 50px;

}

就像看到发生了什么变化的过期一样，我看到表格的宽度在镀铬中变小了但是在iPhone中却没有变化。

这就是它在iphone上的样子。[我正在使用iphone模拟器，但我也有实际的iphone]

所以，如果有人能指导我，那就太棒了。如果这是一个糟糕的问题，我很抱歉，因为我的css知识有限。

Answer 1

我已经设法解决了这个问题，不确定是否是最好的方式，但它确实是我需要的，所以它很好。我基本上把表放在一个数据角色等于内容的div中，然后我使用缩放css来缩小该div。

<div data-role = "content" id="tbcontent">  

//insert table in here

</div>


#tbcontent{

zoom:80%;


}

此处已更新JSFIDDLE.