PCサイズのサイトをスマホと同じ横幅に変更する

Question

現在レスポンシブでサイトを運営しています。
今回、顧客からの要望でPCサイトもスマホと同じレイアウトに変更する対応を検討中です。

例えばbodyをwidth500pxほどでPCのブラウザで表示したときに表示したいです。

1から作り直す時間も無いため、@media等のcssでブラウザでもスマホのレスポンシブを使用して表示する方法はありますでしょうか？

Answer 1

1から作り直す時間も無いため、@media等のcssでブラウザでもスマホのレスポンシブを使用して表示する方法はありますでしょうか？

現状、@media を使って、スマホとPCでのCSSを切り替えているのではないですか。

だとしたら、@media は削除して、スマホ用のCSSと共通のCSSを残して、PC用のCSSは削除すればいいのでは。
そのうえで、bodyに対してwidthを500pxに設定すればいいでしょう。

Answer 2

あまり質問について理解できていないのですが、単純にbodyに対してwidthを500pxとかけてあげるだけではダメなのですか？