web页面自适应屏幕的疑问列举

在做项目中，一般不会在大屏幕上进行测试，偶尔的一次机会，我在一个大屏的苹果台式电脑上查看我做的页面，发现了一些适应不好的地方，因此存在一些疑虑；

1.现在的前端UI框架已经基本上可以做到在普通电脑上的自适应或响应式，我的疑问举例说明：

<div class="layui-container">
     <div class="layui-row">
          <div class="layui-col-xs12 layui-col-sm12 layui-col-md12">
           </div>
      </div>
 </div>

以上为layui的栅格系统布局，这个在普通的电脑上都是OK的，但是由于layui设置的样式为

@media screen and (min-width: 1200px)
.layui-container {
    width: 1170px;
}

他设置了宽度为1170px,所以在大屏上内容就在中间，左右两边有大片的留白，这样的界面看起来很不好，难道UI框架不考虑这些情况吗，为什么会这样设置呢，这种框架很多，bootstrap也是这样，还是说我没有找到正确的用法呢？有什么UI框架是完全做到自适应的啊？求推荐？本人工作一年有余，经验实在是不够，存在很多的疑问，希望路过的各位大神可以指点一二！