Javascript 减少iphone的表格包装宽度

我正在制作小jquery应用程序。我用它在网格上显示一些信息。我在iphone上的显示有点问题。当我在我的chrome或android设备上显示网格时，正如你们在这里看到的，我已经创建了网格，但在iphone上，一些网格被切断了。我一直在乱搞css，但无法得到一个好看的网格。我基本上想把宽度缩小一点，这样我也可以把它安装在iphone上。有人能给我一些建议吗

这是一个让我感到厌烦的例子 我尝试了以下方法

#example_wrapper{


    width: 50px;

}

当我想看看发生了什么变化时，我看到chrome的桌子宽度变小了，但iphone没有变化

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

---

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

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

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

//insert table in here

</div>


#tbcontent{

zoom:80%;


}

//在这里插入表格
#TBC含量{
变焦：80%；
}

这里有更新