ipadやiphoneで右側がずれる（ズレ）または、余白ができるのを回避する方法！
ipadなどで、ホームページの表示確認をしていると、PCでは問題なく表示されているのに、
ipadで見たときに、右側に余白ができていたり、
幅がガタガタにズレてしまっていたりすることがあります。
↓たとえばこんな感じ
そういう場合は、以下をヘッダーにつければ解決しますよ！！
<meta name="viewport" content="width=device-width" />
ipadの場合は、これで解決しましたが、iphone６の場合、これではちゃんと表示されませんでした。
まあ、普通はスマホ用にレスポンシブしたレイアウト表示にするので、問題ないんですが、、
もしスマホ対応しない場合は、一応スマホで見たときにおかしくならないように、
以下を記述してください。
<meta name="viewport" content="width=1020" />
※1020はサイトの幅を入れてください！
html,body{
width: 100%;
}
※CSSに上記のものを追加してください！
これで、一応スマホでPC版しか対応していないサイトもそれなりに表示できます！
※参考サイト https://kotori-blog.com/iphone/ipad_viewport/
関連記事はこちら！
スポンサーリンク
ポチッ☆とクリックお願いします！
↓ ↓ ↓
