强制网站甚至在桌面版本上显示移动视图版本？

Question

我是使用引导程序创建的第一个移动网站。但我想在移动视图下仍以桌面版本显示此网站。当我将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>

因此，当我使用max-with = 600px设置身体样式时。它仍然显示为col-lg-3。我希望显示仍在col / col-12中，而不更改每个页面上的每个类。因为有一天我将构建桌面版本。

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

预先感谢

Answer 1

Chrome开发工具允许您在F12中模拟移动设备，然后在开发工具的左上方进行模拟。否则，我将尝试控制“窗口”元素的大小。

https://www.w3schools.com/jsref/obj_window.asp

Answer 2

父元素

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