内容在移动设备上向左摆动是什么原因

Question

www.yourtechpros.co.uk/test/

如果您在计算机上看到内容很好，但是在移动设备上，右边有一个空白，没有内容，只有空白吗？我已经检查了媒体查询的代码，而且一切似乎都很好，有人可以协助吗？

我已经检查了所有代码，并尝试调整其中的所有内容

www.yourtechpros.co.uk/test /

Answer 1

我可以建议添加视口元标记吗？您会看到整个网站都在改变尺寸。

将此添加到头部：

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

更多信息可以在这里找到：https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag

额外支持： 检查了您的页面：添加以下内容

@media screen and (max-width: 767px) {
    .callbackicon {
        display: none;
    }
    .aboutabccleaning {
        width: 100%
    }
}

然后更改：

.frame {
    width: 130%;
}

也是：

.frame {
    width: 100%;
}

额外的支持：

如果您从.aboutabccleaning中删除边距，空白将消失。