chrome検証機能の全体表示によって画面が見づらくなってしまう場合の対策について

Question

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
（例）PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。

発生している問題・エラーメッセージ

google chromeの検証機能でレスポンシブを見ようとすると、
強制的に全体表示になってしまう事

https://satudora.jp/　のhpを模写していた所、
pc画面用が終わったのでスマホ用にレスポンシブを設定しようとしたのですが、
検証機能のレスポンシブ画面だと
スライダーのmax-width:5000pxまで全体表示になってしまいます。

模写先のhpだとレスポンシブ画面とpc用画面が全く同じ表示になっていて
そうなるのが目標です。

レスポンスの検証中でも強制的に全体表示にならないような方法があれば教えてください。

　
↑PC用画面

↑検証機能画面

試したこと

レスポンシブ画面時に崩れたレイアウトを全て中央に戻しましたが、
全体表示そのものは消えず、見づらいままでした。
その上pc画面のレイアウトが崩れたため元に戻しました。

コードを何度か書き換えようとしましたが、
正常に表示されているPC用画面の方が崩れてしまうので
上手く書き換えられない状態です

### 補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[kei344]

（質問文は編集できます）「発生している問題」の部分はコードでないので、コードブロックで囲む必要はありません。PCであれば記入エリアの右部分あたりにリアルタイムに結果が表示されていると思うので、そこを見ながら調整してください。

[TMaaaaaaaaaaaaa]

解答ありがとうございます。
コードの部分は確かに余計でした。
記入エリアの右部分とはどの部分でしょうか？
レスポンシブ画面で幅を調整しながらリアルタイムで結果を確認していますが、
どの部分でもずれていて全て左寄りです。

[kei344]

ここは「質問への追記・修正の依頼」ですので、「回答」ではありません。質問本文は編集することが可能なので、その依頼をしています。

[kei344]

質問文からコードが消えていますが、コードブロックで提示してください。

Answer 1

解決しました
総当たりでしたが、数か所のコードを消し、
slickのスライダーを全てmax-widthにして、
その中のぎゅうぎゅうになったスライドを
variablewidthで再表示し直しました。
助言、解答ありがとうございましあｔ。

Answer 2

PC用とモバイル用で、サーバサイドやJavaScriptでの切り分けが入っている場合、開発ツールで画面幅などを変化させた後にいったんリロードをかけないと、新しい画面用と古い画面用のリソースが混ざってしまうこととなります。

（そういった切り分けがまったくなく、完全にレスポンシブなCSSだけ、という場合は、この回答は当てはまらないです）