在做專案中，一般不會在大螢幕上進行測試，偶爾的一次機會，我在一個大屏的蘋果臺式電腦上檢視我做的頁面，發現了一些適應不好的地方，因此存在一些疑慮；

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框架是完全做到自適應的啊？求推薦？本人工作一年有餘，經驗實在是不夠，存在很多的疑問，希望路過的各位大神可以指點一二！