响应性问题 - 背景图像正在切断

Question

我有一个网页，我只有一张图片作为背景图片。我在背景图像上有三个文本块。

当我在笔记本电脑上渲染此页面时，它看起来很好，但是当我在平板电脑上渲染此页面时，图像的顶部部分和底部右侧部分正在切断。由于MASTHEAD / Header，顶部可能会被切断。我不确定。

当我在手机上渲染此页面时，图像从顶部和底部以及左右两侧切换。

基本上，当我在平板电脑或手机上运行页面时，响应能力无效。

这是CSS

body.test-page {
    background: url("images/testImg.jpg") no-repeat scroll center bottom / 100% auto rgba(0, 0, 0, 0);
    line-height: 150%;
    margin-bottom: -35px;
}

任何人都可以帮忙。

感谢。