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