質問: ### 前提・実現したいこと html・css初心者です。 現在カラーミーを用いてスマートフォン用のサイトを作成中です。 コンテンツ幅を320pxにして組んでいますが、 スマートフォンで見た時にコンテンツを画面いっぱいに表示したいです。 viewportはカラーミーでは元々 と設定されています。 ### 発生している問題・エラーメッセージ ``` 画面幅でなく、320pxの幅で表示され、左右に余白ができてしまいます。 320pxで組んでそれをデバイスの画面幅に合わせて表示するということは不可能でしょうか。 ``` ### 該当のソースコード ``` body { margin: 0 auto; width: 320px; } ``` ### 試したこと ### 補足情報(言語/FW/ツール等のバージョンなど)
回答: ``` body { margin: 0 auto; width: 320px; } ``` この部分を以下のように書き換えれば全画面表示にはなるかと思います。 ``` body { margin: 0; width: 100%; } ```