javascript - kube css フレームワークでレスポンシブを無効にする

Question

サイトのフロント エンドを開発するためにkube css フレームワークを使用していますが、このフレームワークがデフォルトで提供しているレスポンシブ機能を無効にしたいと考えています。cssいくつかの単純な行（または）でそれを行いたいですjs。ボディの幅を固定して、内側の div をスクロールすることはできますか?

ヒントはありますか？

編集

考えられる簡単な解決策の 1 つは、この CSS コードを提供することです

body{
    width:1024px !important;
    overflow-x: scroll !important;
}

しかし、私はすべてが中央にあることを望んでいます。

Answer 1

それが私が望むものの最終的な解決策です。

@media(min-width:1024px){
    body{
        width:100% !important;
        overflow-x: scroll !important;
    }
}
@media(max-width:1023px){
    body{
        width:1023px !important;
        overflow-x: scroll !important;
    }
}