提前为这个CSS问题的基本性质道歉。
我想弄清楚如何处理CSS中的宽度。我有一个绝对位置的<div>包含一个相当宽的表。<div>的宽度为1300px。在桌面浏览器上一切正常。使用高分辨率显示器的人可以看到整个桌子。对于低分辨率的用户，或者从较小的浏览器窗口查看页面的用户，可以水平滚动div以查看整个内容。一切都好。
但是在iPad2 (Safari)上发生了一些不同的事情，它的原生分辨率为1024px。我希望iPad能够显示前1024px的内容，并允许用户水平滚动(滑动?)来查看表格的其余部分。相反，它似乎试图把整个1300px塞进1024px的屏幕，然后缩小字体以使所有内容都适合。
使用CSS告诉iPad浏览器以其原生分辨率(即1024)显示它所能显示的内容，然后允许用户横向滑动/滚动，如果他想看到其余的内容，标准方法是什么?一小段代码会很有帮助。
谢谢。
默认情况下，iOS Safari会缩小任何页面以适合屏幕。如果这不是你想要的行为，你可以通过<head>中的meta viewport标签指示浏览器。
<meta name="viewport" content="width=device-width; initial-scale=1.0" />
编辑:更深入的解释:http://www.allenpike.com/2010/choosing-a-viewport-for-ipad-sites/
我没有iPad，所以我看不到，但有几点:
您的xhtml无效。<center>不再存在了(从外观上看，在设计中实际上并不需要)，你也应该在px.
不知道为什么你用margin:auto而不是mainwrap。试试margin:0;吧。
尝试将* {margin:0; padding:0}添加到样式表的顶部，然后添加您稍后需要的任何额外填充和边距-这将或多或少地将所有浏览器设置为相同的布局起点。
如果你不想要一个边框使用{border:none}(如果你说border: 0px solid;一些浏览器仍然会尝试画一些东西)
这可能无法解决问题，但它将朝着正确的方向迈出一步，因为您的标记越有效，浏览器就越容易找到它来呈现。
尝试从任何父元素中删除width:100%，然后尝试修复它。