お世話になっています。
段組について質問をさせてください。


段組をするとき...

#cols

と言うのがあると思います。

これで段組をした際に、画像を入れる際、画像の横幅は、何か制約はあるのでしょうか？

適当にいれると、幅が最適化されて、綺麗に表示されているので、問題ないのかな...とは思うのですが。
ちなみに、段組は「二段組み」です。

ご存知の方がいらっしゃいましたら、ご教授いただければ幸いです。

編集

moji さん

>横幅が狭すぎると、おかしくなる可能性がある...

おかしいかどうかは単に見た目であって、編集者のセンスに任せるところです。
プログラムは正常作動ですから。

編集

Yujiro様

大変分かりやすいご丁寧な解説ありがとうございます。
大いに勉強になりました。

>使う画像の最小横幅に気をつけ

横幅の最大値に気をつけるよりは、縦一段に表示されたときに
横幅が狭すぎると、おかしくなる可能性がある...
ということですよね。

ありがとうございます！

編集

mojiさん

単に画像を表示する、という意味では個人的な経験上として画像の横幅は特に
制約なしと思えます。

むしろ表示される可能性がある端末によって、使う画像の最小横幅に気をつけ
ています。

例えば、パソコン画面で二段にした#colsで画像を横に二枚並べるとします。

この時、横幅600px程度の画像二枚がちょうどよかったとしましょう。
（適度に縮小され）

これをiPadのような端末で見たとき、パソコンでは横二段組が縦二段に変わり
ます。

■■ ←これが

■ ←このように変わる
■

iPadのような表示画面横幅は750pxほどになり、元の画像の横幅が600pxし
かないので画像の右に隙間が空くことになります。（特に画像センタリングな
どしていなければですね）

編集メニューのプレビュー＞Tabletで見ると自分のページの見え方がわかります。

・このままの表示でよければそのままで、
・左右の隙間を揃えたければ画像をセンタリング
・表示端末横幅を多少超える横幅（例えば800pxとか）を持った画像を用意
すれば、本文と画像の横幅がそろった表示となります。

ちなみに、スマホほど画面横幅が狭い端末だとこれを気にする必要なく、元の
600pxの画像がページ本文目一杯の幅に表示されているはずです。

編集