【html5】スマホでPC用サイトを見せる時に幅が足りない時の対処法

PC用サイトをスマホで表示させる際にうまく表示させることが出来ず幅が足りない場合があります。
この場合下記のコードがheadに入っていないか確認してみてください。

<meta name="viewport" content="width=device-width, target-densitydpi=device-dpi" id="veiwport">

こちらは横幅を各デバイスに合わせるというコードですが、
こちらを記入していると幅が足りなくなる場合があります。
コードを削除すれば対処できますが、コードを変更することで対処もできます。

<meta name="viewport" content="width=1200" />

1200の部分はサイト幅で合わせてください。
これでPC幅を保った状態でスマホで表示できます。

関連記事

TOP