如何为使用 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 元素的宽度为 500 像素，边距设置为自动。

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