ブラウザで作成したホームページを表示する際に両端を切り捨てたい

Question

今レスポンシブなサイトを作成したいと思っているのですが、理由がありスマホで見た場合のデザインをブラウザで見た場合に画面の両端を切り捨てて表示できるようにしたいです。

例をあげると以下のサイトのような表示にしたいです。

https://with.is/welcome

このサイトはスマホで見た場合には画面いっぱいに表示するのですが、パソコンなどで見た場合画面の両端が切り捨てられるようになっています。

このようにしたいと思いwidthやmax-widthで考えてみたのですが思うようにいかないです。

どのようにしたら良いか教えていただきたいです。

Comments

[kei344]

問題が起きるサイトのURL、もしくは状況の再現が可能なHTML/CSSを質問文に追記ください。

Answer 1

body {
width: 960px;
margin: 0em auto;
}

とか
body {
max-width: 960px;
margin: 0em auto;
}

これでうまくいきませんか？

Comments

[sort_merge]

回答ありがとうございます。
上記の内容を加えてみたのですが、文字の位置などが若干変わるだけで大きな変化はありませんでした。。