为什么我的背景和整个网站的视口都缩小到左侧？

Question

screenshot of the problem

因此，我正在从Photoshop样机构建此新网页，一切正常。但是，当我尝试缩小视口时，会遇到整个页面左侧的总体缩小。那可能是什么，我应该怎么做才能在视口中保持页面的长宽比和居中？

A github repo for my project

Answer 1

您网站上的某些元素（例如手机图片和紫色背景的第三列）（以及其他元素）没有响应，因此它们从视口向右移动并成为底部滚动条。看截图，我删除了其中的一些，并且底部滚动现在变小了（可能还剩下一些）。您应该使这些元素具有响应性（也许对于列来说是网格，而对于电话图片来说可能是大小改变）。