我正在制作一个网站，并且可以在 Mac 和 iPad 上运行。当我在 iPhone 上看到它时，其中一个页面没有正确放置背景图像。我在网站上使用了 2 个背景图片，并且我已经将它的高度设置为 1200 像素左右。当我在 iPhone 上看到同一个页面时，所有的文本都会被包裹起来，使页面变长。我的页脚图像保持在同一位置，并且文本与其重叠。它不应该像 iPad 一样工作，因为我已经将所有文本都包裹在一个 中吗？我注意到问题是图像设置在 body 上，因为它不是 a ，所以它不会跟随文本长度的增加。如何专门为 Mac + iPad 和 iPhone 指定背景图像的高度？
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#333;
background:#000;
margin: 0px auto;
background-image:url(images/gradcinza_top.png), url(images/gradcinza_bot.png);
background-repeat:repeat-x, repeat-x;
background-position:0px 115px, 0px 950px;
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
vertical-align: baseline;
}
在 iPad 和 Mac 上，那些 950px 将页脚图像放在我想要的确切位置。在 iPhone 中，因为我有更少的区域来呈现文本，所以它只会让它变得更长。我需要对网站说些什么，以便在 Mac 和 iPad 上查看背景图像时将其放置在适当的位置，以及为 iPhone 指定新位置的另一个条件。
谢谢你。