前提・実現したいこと
ここに質問の内容を詳しく書いてください。
(例)PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。
発生している問題・エラーメッセージ
google chromeの検証機能でレスポンシブを見ようとすると、
強制的に全体表示になってしまう事
https://satudora.jp/ のhpを模写していた所、
pc画面用が終わったのでスマホ用にレスポンシブを設定しようとしたのですが、
検証機能のレスポンシブ画面だと
スライダーのmax-width:5000pxまで全体表示になってしまいます。
模写先のhpだとレスポンシブ画面とpc用画面が全く同じ表示になっていて
そうなるのが目標です。
レスポンスの検証中でも強制的に全体表示にならないような方法があれば教えてください。
試したこと
レスポンシブ画面時に崩れたレイアウトを全て中央に戻しましたが、
全体表示そのものは消えず、見づらいままでした。
その上pc画面のレイアウトが崩れたため元に戻しました。
コードを何度か書き換えようとしましたが、
正常に表示されているPC用画面の方が崩れてしまうので
上手く書き換えられない状態です
### 補足情報(FW/ツールのバージョンなど) ここにより詳細な情報を記載してください。
回答2件
あなたの回答
tips
プレビュー