Html 在响应移动视图中，页面内容在屏幕右侧不可见

我设计了一个响应性强的网页。有一个固定的顶部引导导航栏和主内容区。在桌面上，它显示得非常好。如果我使用chrome开发工具将响应布局更改为移动设备。主内容区域的某些部分隐藏在屏幕的右侧。如果我做水平滚动，那么我可以看到主要内容

当我改变不同设备的宽度时，我如何能看到完整的主要内容

在这里你可以看到它隐藏的屏幕截图

在我的页面中，我使用以下内容：

<div id="mainbody"> main content here....</div>

这里的主要内容。。。。

---

请告诉我，对于任何移动设备，如何在不从右侧剪切的情况下完整显示主要内容？

删除溢出或将其更改为自动。是否可以根据屏幕宽度使其变小或变宽？怎么做？在哪里可以测试？当你移除溢出物时，它起作用了？不。。。真倒霉。我可以使用媒体查询吗？为什么要在引导布局中浮动内容？只需使用布局网格。此外，我们还需要查看您的页面标记以提供帮助。

<div id="mainbody"> main content here....</div>