今レスポンシブなサイトを作成したいと思っているのですが、理由がありスマホで見た場合のデザインをブラウザで見た場合に画面の両端を切り捨てて表示できるようにしたいです。
例をあげると以下のサイトのような表示にしたいです。
このサイトはスマホで見た場合には画面いっぱいに表示するのですが、パソコンなどで見た場合画面の両端が切り捨てられるようになっています。
このようにしたいと思いwidthやmax-widthで考えてみたのですが思うようにいかないです。
どのようにしたら良いか教えていただきたいです。
問題が起きるサイトのURL、もしくは状況の再現が可能なHTML/CSSを質問文に追記ください。