javascript - 标题背景由于水平滚动条而被剪掉

Question

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

标题的 CSS 已经完成，标题的宽度会随着 ipad 的方向变化，iPhone 会在标题的左侧和右侧显示所有按钮。

但是当我的内容超过一定宽度时，会出现水平滚动，并且当我滚动到页面最右侧的数据时，标题会被剪掉。

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

问题的副本：

这个问题有什么解决方法吗？任何有价值的建议都非常欢迎。

score 0 · Accepted Answer

header被剪掉的不是标签，而是body，你有一个图像（模拟标题）作为背景。

问题似乎是您body的宽度为100%（浏览器宽度），而标题的1024px宽度为（加上子元素负边距），因此当浏览器小于 1024 时，主体仅跨越浏览器宽度，留下额外的没有背景图像的滚动区域。

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

min-width:1192px;

（1024 距标题宽度 + 98 + 70 距标题内部元素左右负边距）

1 回答 1