在移动;网站背景图片非常爆炸

Question

＆＃13;

＆＃13;

#hero {
	background: #12151b url(../images/barbersupplies.jpg) no-repeat center center fixed;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	background-size: cover !important;
	padding-top: 66px;
	padding-bottom: 90px;
	width: 100%;
	text-align: center;
	position: relative;
  }

＆＃13;

＆＃13;

＆＃13;

我目前正在完成一个朋友网站的理发（thebarbershock.com）

当我访问移动网站时，在桌面上看起来很棒的背景图片最终会在移动设备上被炸毁和丑陋。

我试过玩这个来解决这个问题。不知道该怎么做。当我将图像更改为background-size: contain;＆amp; background-size: auto 100%＆amp;它仍然显示放大。

有什么想法我可以做些什么来解决它？