#750/3052　◇フレッシュボイス2
★タイトル (        )  19/01/19  19:11  ( 46)
最近のサイトのパソコン／スマホ表示　　夢乃
★内容
ども、夢乃です。

小説サイトに限りませんが、最近のＷＥＢサイトは表示しているブラウザを判定して、
パソコンから見たときとスマホから見たときとではレイアウトを変えている場合が多い
ですね。
方法はいろいろあって、パソコン用とスマホ用にそれぞれ別ページを用意しておいて、
どちらを表示するか切り替える、という方法もありますし、最近では表示するものを
部品化しておいて、パソコンとスマホで配置を変える、というのが多いのかな。
例えば

パソコン表示　　　　　　　　　　　　　　　　　スマホ表示
┌─────────────────┐　　　　┌────┐
│タイトル　　　　　　　　　　　　　│　　　　│タイトル│
└─────────────────┘　　　　└────┘
┌────┐┌──────┐┌───┐　　　　┌────┐
│リンク１││本文　　　　││広告１│　　　　│広告１　│
└────┘│　　　　　　│└───┘　　　　└────┘
┌────┐│　　　　　　│┌───┐　　　　┌────┐
│リンク２││　　　　　　││広告２│　　　　│広告２　│
└────┘│　　　　　　│└───┘　　　　└────┘
┌────┐│　　　　　　│┌───┐　　　　┌────┐
│リンク３││　　　　　　││広告３│　　　　│広告３　│
└────┘└──────┘└───┘　　　　└────┘
　　　　　　　　　　　　　　　　　　　　　　　┌────┐
　　　　　　　　　　　　　　　　　　　　　　　│本文　　│
　　　　　　　　　　　　　　　　　　　　　　　│　　　　│
　　　　　　　　　　　　　　　　　　　　　　　│　　　　│
　　　　　　　　　　　　　　　　　　　　　　　│　　　　│
　　　　　　　　　　　　　　　　　　　　　　　└────┘
　　　　　　　　　　　　　　　　　　　　　　　┌────┐
　　　　　　　　　　　　　　　　　　　　　　　│リンク１│
　　　　　　　　　　　　　　　　　　　　　　　└────┘
　　　　　　　　　　　　　　　　　　　　　　　┌────┐
　　　　　　　　　　　　　　　　　　　　　　　│リンク２│
　　　　　　　　　　　　　　　　　　　　　　　└────┘
　　　　　　　　　　　　　　　　　　　　　　　┌────┐
　　　　　　　　　　　　　　　　　　　　　　　│リンク３│
　　　　　　　　　　　　　　　　　　　　　　　└────┘

という感じで、画面を考えて表示幅を調整し、部品の並びだけが変わっている、という
イメージですね。表示幅が違うので、タイトルは縮小するとか専用の小さいのを作って
おくとか、本文も文章の改行位置が変えられたりとかしています。
携帯表示も似た感じで、テキストのみのページを作っていると思う。（最近はそうでも
ないかもしれない。携帯でもフルブラウザとかサポートされているようですし）

それでは。