Javascript 由于水平滚动条，页眉背景剪掉

我正在为iPad和iPhone制作一个页面，其中我有一个标题，在最左和最右的角落有按钮，内容位于标题下方

页眉的CSS已经完成，页眉的宽度会随着ipad的方向而变化，iPhone会显示页眉左右两侧的所有按钮

但当我的内容超过某个宽度时，就会出现一个水平滚动条，当我滚动到页面最右边的数据时，页眉会被剪掉

我面临的问题示例可在此URL中查看：

问题的副本：

---

这个问题有解决办法吗？欢迎提出任何有价值的建议。

被剪掉的不是

标题

标签，而是

主体

，在那里你有一个图像（模拟标题）作为背景

问题似乎在于，您的

主体

的宽度为

100%

（浏览器宽度），而标题的宽度为

1024px

（加上子元素负边距），因此，当浏览器小于1024时，主体的跨度仅为浏览器宽度，额外的滚动区域没有背景图像

尝试将此添加到您的body标记的CSS中：

min-width:1192px;

（页眉宽度1024+98+70+页眉内部元素左侧和右侧负边距）