如何使用CSS为移动设备设置HTML div的最大宽度

Question

在桌面屏幕上，所有内容都可以响应并且可以。但是在移动设备上，内容不适合屏幕，我必须向左滑动才能看到所有内容，是否可以使用CSS修复该问题？

<div class="row mx-md-5 px-md-4 px-5 mt-3 container">
 <blockquote class="blockquote">

            <div class="mb-0">Quote...
            </div>

          </blockquote>

          <div class="article">
                 <h1>......</h1>
                   <img>
              <p>........</p>
              ...............
          </div>

        </div>

这只是一个示例。 顺便说一句，我正在使用Md-bootstrap作为字体结束框架。

Answer 1

此div元素的宽度为500px，边距设置为auto。

div.container {
  width:500px;
  margin: auto;
  
}