移动视图上的站点布局中断答案

【问题标题】：Site layout breaks on mobile view移动视图上的站点布局中断
【发布时间】：2016-02-25 14:12:22
【问题描述】：

我一直在编写一个用于构建自己的网站的布局框架，并且一切都进行得非常好，直到今天遇到了一个小错误。一切都适合屏幕，除了一个无法自行修复的项目。我意识到问题在于我忘记添加视口元标记：

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

添加后，第一个问题自行解决，但又出现了另一个问题。如下图所示：

忽略我丑陋的杯子，问题是出现在屏幕右侧的空白区域。似乎某些东西将宽度设置为不是设备的实际宽度。在添加没有空白但没有标签的视口元标记之前，我还有一些其他问题。

我一直在使用的媒体查询是：

@media (min-width 768px)
@media (min-width 992px)
@media (min-width 1200px)

所有其他代码都可以找到Github

编辑：这是该网站的实时版本Proxi-corp

【问题讨论】：

【解决方案1】：

删除/重新考虑.banner-items{ left:50px;}

【讨论】：

【解决方案2】：

删除这条规则

.banner-items {
    /* left: 50px; */
}

【讨论】：