减少 iphone 的表格包装宽度答案

【问题标题】：Reducing table wrapper width for iphone减少 iphone 的表格包装宽度
【发布时间】：2014-04-15 05:10:00
【问题描述】：

我正在制作小型 jquery 应用程序。在其中我使用DataTables 在网格上显示一些信息。我在 iphone 上的显示有点小问题。当我在我的 chrome 或 android 设备上显示网格时，它很好，你可以在这里看到我创建了JSFIDDLE，但在 iphone 上，其中一些被切断了。我一直在弄乱css，但无法获得漂亮的网格。我基本上想把宽度缩小一点，这样我也可以把它装在 iPhone 上。有人可以给点建议吗。

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

#example_wrapper{


    width: 50px;

}

就像过期了，看看发生了什么变化，我看到 chrome 中的表格宽度变小了，但在 iphone 中没有变化。

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

因此，如果有人可以指导我，那就太好了。如果这是一个不好的问题，我深表歉意，因为我的 css 知识有限。

【问题讨论】：

标签： javascript jquery html css iphone

【解决方案1】：

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

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

//insert table in here

</div>


#tbcontent{

zoom:80%;


}

这里更新JSFIDDLE.

【讨论】：