【发布时间】：2014-10-03 10:23:54
【问题描述】：
我正在使用 Jquery mobile + phonegap 构建一个移动应用程序。
我的应用程序中的一个页面包含我需要整理的数据，所以我选择将它放在一个表格中。 数据以一种方式划分，每个服务器名称在 rowHeader 中，每两个测试结果在一行中（每一个由列内的按钮表示。
服务器数量不受限制，测试也是如此。 因此，我选择使用 javascript 动态构建此表。
<body>
<div data-role="page" id="MonitoringPage">
<div data-role="header" data-theme="b">
<h4>Monitoring tests</h4>
</div>
<div align='center' id="tests" data-role="content" class="ui-content" >
</div>
<div data-role="footer" data-theme="b">
<h4>MyTools</h4>
</div>
</div>
</body>
这是一个 jsfiddle 示例： js fiddle
该页面在 chrome 浏览器中看起来很完美，但在移动设备中安装应用程序时，表格宽度高于屏幕宽度。
有人熟悉这个问题或有解决方案吗？
【问题讨论】：
-
你能发布一个显示问题的工作示例吗？在 jsfiddle 或类似的东西上
-
是的，我可以。这将需要几分钟。
-
我编辑了问题并添加了 jsfiddle 示例
-
你设置
<meta name="viewport" ..了吗？在 jsfiddle 上似乎不可能，但在您的实际页面上？因为像这样，页面是可缩放的，并且在放大时可以水平滚动。您在哪个浏览器上测试它？它设置成什么？ -
你可以尝试使用这个：fiddle.jshell.net/rdwknbrv/22 但为了获得正确的解决方案，你必须从表格更改为 div，因为表格在使用 maxWidth 时表现不佳
标签： javascript jquery html jquery-mobile