Html 左侧和右侧的额外空间；移动视图中的右侧

我现在正在重构一个网页，网页的宽度固定为980px

请看下图。在移动设备上浏览我的网页时，页面占据了整个屏幕的宽度

---

第二张图片中的外观有什么简单的归档方法吗？非常感谢

您可以使用媒体查询来检测屏幕，并为其添加额外空间。 例如，在1024像素宽的移动屏幕中，使用更少的空间，900px可能：

  @media (max-width: 1024px) {
    .container{
        width: 900px;
    }
  }

您可以在此处阅读有关媒体查询的更多信息：

---

我建议使用宽度：100%；而不是固定宽度