改变浏览器大小时，让网页布局不发生变化，要怎么办

当缩小浏览器时，原来的布局就发生了变化，我想要的结果是改变浏览器大小时，让网页布局不发生变化，要怎么办

用百分比，或者用elementUI

<el-row :gutter="10">
  <el-col :xs="8" :sm="6" :md="4" :lg="3" :xl="1"><div class="grid-content bg-purple"></div></el-col>
  <el-col :xs="4" :sm="6" :md="8" :lg="9" :xl="11"><div class="grid-content bg-purple-light"></div></el-col>
  <el-col :xs="4" :sm="6" :md="8" :lg="9" :xl="11"><div class="grid-content bg-purple"></div></el-col>
  <el-col :xs="8" :sm="6" :md="4" :lg="3" :xl="1"><div class="grid-content bg-purple-light"></div></el-col>
</el-row>

适配一下，
不需要适配的话，就写固定的px，或者外面盒子给固定px

可以尝试下rem布局

1.百分比+rem
2.固定中间1200px到1400左右

做一下页面适配，采用rem布局来做单位

不管了，在最外层的div身上加一个固定宽度，可以实现浏览器变小时，页面布局不改变，但是还没有做到浏览器变小时，内容等比例变小，哪位有具体做法，交流一下