一些响应式问题 Css

【问题标题】：Some responsive problems Css一些响应式问题 Css
【发布时间】：2018-08-30 09:05:16
【问题描述】：

如果我们比较 riste.cf 和 code pen 上的同一站点相同的代码，您会在 riste.ct 站点上看到一个白色横幅，而不是在 codepen one <a href="https://codepen.io/DrakeApplewood/full/jvMdZz/"> codepen</a> 上

【问题讨论】：

寻求代码帮助的问题必须包括在问题本身中重现它所需的最短代码，最好是在堆栈片段中。尽管您提供了一个链接，但如果它变得无效，那么您的问题对于未来遇到同样问题的其他 SO 用户将毫无价值。见Something in my website/demo doesn't work can I just paste a link。
NB - 请不要滥用代码块来绕过这个要求。
你能解释一下这里的问题吗？
使用 Chrome 或 Firefox 在您的手机上运行它，并在 riste.cf 上查看问题

标签： css responsive-design

【解决方案1】：

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

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

我认为您想从检查这样的细节开始。另外，我认为从

更改视口元标记会更安全

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

到

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

祝你好运！

【讨论】：

在使用同一部手机重新爱上 S7(360px) 等设备后，我遇到了同样的问题