我为自己建立了一个网站，我相信这是根据我在Firefox的响应模式下进行的测试。我用横向和纵向模式的iPhone分辨率（375 * 667）测试了所有页面，效果很好。
但是，当我尝试在Chrome中打开同一网站时，它无法正常显示。当从iPhone上观看时，它也显示出相同的效果。
这是我的网站 - http://v1chu.github.io/
第2节和第3节中使用的背景图像丢失了，而它在Firefox上运行正常（也在响应模式下）。我也无法在设备中看到背景。
在Chrome和设备中查看时，网站内容也非常小。但是在Firefox中查看它看起来很不错。
请告诉我，我建立网站的方式是否正确？或者，如果我遗漏的某些东西会破坏Chrome和设备上的网站。
答案 0 :(得分：0)
问题似乎在这里：
.s2 {
background: url(../img/aboutme.jpg) no-repeat center fixed;
}
我删除了chrome中显示的固定和背景
s2 {
background: url(../img/aboutme.jpg) no-repeat center;
}
答案 1 :(得分：0)
你正朝着正确的方向前进。
您的背景图片不会显示，因为您使用的值为fixed的{{3}}属性。它设置了与视口（浏览器窗口）相关的背景。您基本上将背景图像固定在页面顶部，当您到达第2和第3部分时，您已经滚过背景图像。
您已通过简写background-attachment属性设置background-attachment。从fixed属性中删除background。
background: url( '../img/aboutme.jpg' ) no-repeat center;
您需要使用响应式元标记。这是我使用的一个：
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">