で、実際にスマホ版を用意していないWebサイトであったとしてもPCサイトは大抵スマートフォンの画面サイズに合わせた形で普通に表示されるわけですが、サイト、端末によっては微妙に崩れたりしてしまっていることもあると思います。もうリニューアルする意義がない、もしくはいずれするけど今とりあえずこれだけは直したい!というサイトを持っている人のために症状別に解説、対処法を紹介したいと思います。 フォントが変わる まずは凡ミス的なものから。PCサイトではゴシック体で表示されていたものが、スマートフォンで見ると明朝体(とか丸ゴシックとか)で表示されるという場合ですね。 ただbody内のp要素にテキストを入れただけのものをブラウザーに表示させた場合、例えばPCブラウザーでは大抵ゴシック体で表示されますが、新しめのiPhoneでは明朝体、Androidの一部の機種では丸ゴシックで表示されたりもします。これはフ
![PCページがスマートフォンやタブレットで崩れているときの対策まとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/c48409573f26182e7d71c76b4558d605217fe0fb/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2015%2F08%2Fpcsite-for-mobile-01-150x150.png)