画像の表示「フルサイズ」

パソコンでもスマホでも閲覧するデバイスによってデザインが変化する仕組みになっていますが、もちろん、画像もパソコンとスマホに自動対応してくれます。

上記の画像はパソコンでもスマホでも本文欄の横幅一杯に画像が表示されます。

画像の表示「左寄せ」

パソコンで閲覧すると、画像が本文欄左端に位置し、画像の右側に文章が表示されます。

スマホで閲覧すると、画像が画面横幅一杯に表示され、本分は画像の下に続きます。

画像の表示「右寄せ」

画像を右寄せにすると、パソコンでは本文欄の右端に画像が位置し、画像の左側に文章が表示されます。

スマホで閲覧すると、画像の下に文章が表示されます。

画像の表示「なし」

画像の表示位置を「なし」に設定すると、画像が１文字という風に掲載され、パソコンでもスマホでも画像の続きで文章が表示されます。

画像の表示「左寄せ＋なし」

横幅300ピクセルの画像を１枚は「左寄せ」、もう１枚は「なし」に設定すると、パソコンでは２枚の画像が横に並んで表示され、スマホでは縦に並んで表示されるようになります。

画像の表示「キャプション」

ひょっとしたら…、こんな格好で治療する日があるかも♪

…とまぁ、治療院のホームページに必須な、本分と画像の表示はこういう風になっています。