如何在主页部分中创建一个响应在引导程序中的图片

Question

我正在创建一个带有引导程序的新网站，而我遇到的问题是，如果您查看fascia release therapist，我在主页部分中的图像（采用全屏大小的图像无响应）登陆页面没有真正的响应！现在，如果你看一下网站的主页部分，图像是响应的，但我注意到它只是到了某一点，因为背景是统一的，我的登陆页面在背景中有很多东西，它会被砍掉。

这是我的着陆页主页部分的HTML代码     

    <div id="percussion-cover" class="bg-parallax animated fadeIn">

        <div id="percussion-content-box">

            <div id="percussion-content-box-inner" class="text-center">

                <div id="percussion-heading" class="animated zoomIn">
                    <h1>Vibracussor<sup>&reg;</sup> Therapy<br>Eliminate the need for pain medication!</h1>
                </div>
                <div id="percussion-btn" class="animated zoomIn">
                    <a class="btn btn-lg btn-general btn-white" href="percussiontherapy.html" role="button" title="pain relieve without medication!"> Click here to know more!</a>
                </div>

            </div>

        </div>

    </div>



</section>

现在CSS

打击乐器封面{

height: 100%;


background-image: url("../img/vibracussortherapylandingpage.jpg");
background-image: no-repeat;
background-size: cover;
background-position: center;

}

任何想法如何解决这个问题所以它在移动设备上看起来也不错？

感谢您的帮助