Android 我的网站&x27；的背景在移动设备上无法正确渲染

它在桌面和网络开发模式（firefox）上都得到了完美的显示，但在真正的移动设备上，背景图像没有得到正确的显示

这是我的密码：

这是Shivansh的博客
你好

以下是我的css：

/**，html{
保证金：0；
填充：0；
}*/
@字体{
字体家族：愤怒；
src:url（“../font/ragegtavc.ttf”）；
}
@字体{
字体系列：奶昔；
src:url（“../font/milkshake/milkshake.ttf”）；
}
@仅介质屏幕和（最小宽度：144px）{
.parent\u hello\u文本{
字体大小：64px；
}
}
@仅介质屏幕和（最小宽度：320px）{
.parent\u hello\u文本{
字体大小：96px；
}
}
@仅介质屏幕和（最小宽度：480px）{
.parent\u hello\u文本{
字号：128px；
}
}
@仅介质屏幕和（最小宽度：720px）{
.parent\u hello\u文本{
字体大小：144px；
}
}
@仅介质屏幕和（最小宽度：1024px）{
.parent\u hello\u文本{
字号：196px；
}
}
身体{
背景图片：url（“../bg/196339.jpg”）；
/*宽度：100%*/
身高：100%；
背景尺寸：封面；
-webkit背景尺寸：封面；
背景附件：固定；
背景重复：无重复；
背景位置：中心；
}
.parent_hello_盒{
过渡期：0.5all；
位置：绝对位置；
最高：50%；
转化：translateY（-50%）；
宽度：100%；
文本对齐：居中；
}
.parent\u hello\u文本{
颜色：白色；
文本阴影：2px 3px#FABF84；
字体系列：奶昔；
}
.页脚{
位置：绝对位置；
底部：1.2vh；
宽度：100%；
文本对齐：居中；
}
.页脚a{
文字装饰：无；
字体家族：愤怒；
字体大小：36px；
颜色：#FDFDFD；
文本阴影：2px 2px#FC53A7；
/*文本阴影：2px2px#F449B9*/
}
.footer a:悬停{
文字装饰：下划线；
}
.导航菜单{
z指数：9；
显示：内联块；
}
.nav_项目{
左边距：20px；
右边距：20px；
显示：内联块；
变换：旋转（-8度）；
}

这是我的背景图片：

桌面上的结果>>>

在手机上的结果是>>

---

可以清楚地看到，手机上并没有显示图像。我能做些什么来解决这个问题？提前感谢。

问题在于位置属性，您正在将绝对值设置为子元素，但没有固定相对位置。通过这个

你给出了最后一张快照是移动视图的高度，对吗？但是背景图像出现了，Hello文本就在它的下面，对吗？可能是因为.parent\u hello\u box{位置：绝对；