Question

我现在正在重构网页，网页宽度固定为980像素。

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

enter image description here

在第二张图片中存档外观是否有任何简单的想法？非常感谢!!

Answer 1

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

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

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