强制网站显示移动视图版本，即使在桌面版本？

Question

我是用bootstrap创建的第一个移动网站。但是我想在桌面上显示这个网站，仍然是在移动视图中。当我用max-with = 600px设置body style时，显示效果很差。因为我是为lg媒体创建的。例如：

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

所以，当我用max-with = 600px设置body style时。它仍然显示为col lg-3。我希望显示仍然是col12，而不是改变每一个页面上的每个类。因为总有一天我会构建桌面版本。

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

提前感谢

Answer 1

Chrome Dev工具允许在F12中模拟移动设备，然后是开发工具的左上角，如果这是你正在寻找的。否则，我会尝试控制“window”元素的大小。

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>