即使在桌面版本上也强制网站显示移动视图版本？答案

【问题标题】：force website display mobile view version even on desktop version?即使在桌面版本上也强制网站显示移动视图版本？
【发布时间】：2019-03-18 14:04:12
【问题描述】：

我是使用引导程序创建的移动优先网站。但我想在桌面版上仍以移动视图显示此站点。当我使用 max-with = 600px 设置正文样式时，我的显示效果非常糟糕。因为我为 lg 媒体创建了许多 col。例如：

<div class="row">
   <div class="col col-lg-3"> -> I was create something like this in many page
   <div>
</div>

所以，当我将 body 样式设置为 max-with = 600px 时。它仍然显示为 col-lg-3。而且我希望显示仍然在 col / col-12 中，而无需更改每个页面上的每个类。因为有一天我会构建桌面版本。

任何人都知道，让我的网站在桌面上显示移动版本的简单方法是什么？

提前致谢

【问题讨论】：

【解决方案1】：

Chrome 开发工具允许在 F12 中模拟移动设备，然后在开发工具的左上角（如果您正在寻找的话）。否则我会尝试控制“窗口”元素的大小。

【讨论】：

【解决方案2】：

父元素

<div class="row d-flex justify-content-center">
  <div class="col-3">
    child elements goes here --
  </div>
</div>

【讨论】：