在 ipad/平板电脑上调整背景大小

Question

目前正在开发此论坛/网站的所有人：

http://nfldynasty.boards.net/

在内容方面还有很多工作要做，但是我目前在调整移动设备（如 ipad 和三星安卓平板电脑等）上的各种背景时遇到了一些问题。

通过 google chrome 和 Internet Explorer 在笔记本电脑上查看时，一切似乎都运行良好。

我使用的代码如下

body {
-webkit-background-size: cover;
    -ms-background-size: cover;
   -moz-background-size: cover;
     -o-background-size: cover;
        background-size: cover;    
}
html { height: 100%; width: 100%; }

如果不在 Internet Explorer 上更改此设置以更改文本框的大小，我似乎无法找到调整 ipad/平板电脑等背景大小的方法。即，当我将 html 选项卡从 100% 更改为 75% 时，背景保持不变，但论坛类别的大小会减小

如果我删除最后的 html 行，那么在所有设备上放大和缩小文本时图像都会失真。

有什么想法吗？

Answer 1

您可以尝试将其用于较小的屏幕：

body {
    background-color: #000;
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
}