試作実験場

表示サンプル カラム幅 800

PCとスマホ向け

PC

12345678901234567890123456789012345678901234567890123456789012345678901234567890

123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456

画像

特大

1600*840

カラム幅を超えて特大画像を表示。スマホでは中サイズなので、完全にPC向け。
戻るときに画面の外か×を押す必要があるがめんどくさい。プラグインで対応するのあり。

スマホ

画像

サイズ大

スマホでは画面いっぱいに表示されるがPCでは入りきらない特大サイズ。
PCでは特殊効果として画像を見せたい、画像で説明できる場合のみ使用。

PCでは縦型の中サイズに近い。全体を見渡せる。こちらがデフォルト。

サイズ中+

4:3サイズ PCだと画面占有率が上がり、拡大効果あり。ただし文章の表示が減る。

上のサイズが大きすぎる場合はこちらを使用。スマホのみ大きく見せたい場合使用。

サイズ中

カラム幅800のCocoonだとこれが一番使い勝手がいいサイズ。基本はこのサイズ。
ただしスマホでは高さが無く、狭く感じるのが欠点。

スマホだとサイズ大、PCだと1/2で表示できるので、画像がうるさい場合の選択肢として考えられる。

コメント

タイトルとURLをコピーしました