一些响应问题的CSS

Question

如果我们将 riste.cf 与代码笔上的同一站点进行比较，则您在riste.ct上的站点上看到一个白色横幅，而在代码笔上没有一个<a href="https://codepen.io/DrakeApplewood/full/jvMdZz/"> codepen</a>

Answer 1

如果将视口或浏览器窗口设置为约600像素，然后检查页面上的项目div，您将看到相同的元素具有较大的左手边距。这将它们推离窗口的右侧，这是问题的根本原因。

例如，＃projectsTitle的左边距为18em，而#projects的左边距为33em。

我认为您首先要检查类似这样的细节。另外，我认为从

更改视口元标记会更安全

<meta name="viewport" content="width=device-width">

到

<meta name="viewport" content="width=device-width, initial-scale=1">  

祝你好运！