这可能是一个新手问题,但我似乎无法找到解决我遇到的问题的方法.在我的网站我有在任何尺寸的屏幕上呈现完全桌面不错,但成为手机上查看时模糊混乱的背景图像.我已经看到了几个类似的问题,无论是没有答案还是对我不起作用的解决方案,我们将非常感谢任何帮助.
这是网站
以下是我正在经历的一些截图.
这是我的代码.
<div class="jumbotron">
<h1 class="text-center" id="head">Kyle Goode</h1>
<p class="text-center" id="header">Full Stack Web Developer</p>
</div>
</div>
.home {
background: url(http://mrg.bz/VN5LDd) fixed no-repeat center;
background-attachment: fixed;
background-size: cover !important;
max-width: 100%;
height: 900px;
border-top: 1px solid black;
border-bottom: 1px solid black;
}
Run Code Online (Sandbox Code Playgroud)