Question

我的html doc背景中有两张图片。一个位于右上方，另一个位于左下方。

在移动设备上，右上角的图片不显示在右上方，它显示在顶部，大约是右侧的3/4。我摆弄了最小宽度但没有快乐。有人能在我的代码中发现问题吗？

CSS：

body {
    background-image: url("images/bktopright.png"), url("images/bkbottomleft.png");
    background-position: right top, left bottom;
    background-repeat: no-repeat;
    line-height: 1;
    min-width: 1150px;
}

由于我不确定html或css文字的哪一部分导致问题，如果有人有时间在移动设备上检查，则该网站的链接就在这里：http://tinyurl.com/7ywoqpf

如何确保背景图片在移动设备/桌面上保持最佳状态

Answer 1

嗯，如果您在移动设备上的网站与您在此处发布的网站类似，那么我想问题是因为您使用的是巨大的图片。（1196×788像素）

背景图像最小宽度和定位

1 个答案: