知識編Ⅲ【コメントのリサイズ】

「知識編Ⅲ【コメントのリサイズ】」の編集履歴(バックアップ)一覧に戻る

知識編Ⅲ【コメントのリサイズ】 - (2010/06/19 (土) 19:31:44) のソース

[[トップページ]]

----

#blockquote(){基本的にコメントは画面内に全て収まるようにサイズの変更が行われます。
その処理が&bold(){&sizex(4){「リサイズ」}}と呼ばれるものです。

前回の【改行】で&bold(){"縦のリサイズ"}である&bold(){&sizex(4){「改行リサイズ」}}の解説を行いました。
今回は&bold(){"横のリサイズ"}である&bold(){&sizex(4){「臨界幅リサイズ」}}と両者を組み合わせたリサイズの
解説を行っていきたいと思います。}


**目次

&bold(){①臨界幅リサイズ}
&bold(){②二重リサイズ}
&bold(){③高さ固定(二重リサイズ編)}

----

*&bold(){&sizex(7){①臨界幅リサイズ}}

コメントの横幅を広げて行くとどうなるでしょうか?

画面上のコメント表示領域は&bold(){横544px}。
ですが、表示領域の限界までコメント幅を広げようとすると、
ある一定の幅に達した瞬間、

&blankimg(width resize 1.jpg,width=408,height=288)

コメントは&bold(){画面内に収まるようにどんどん縮小していきます。}
(改行リサイズを起こしていない場合)

この縮小処理によるコメントのサイズ変化のことを&bold(){&sizex(6){&color(orange){「臨界幅リサイズ」}}}と呼びます。


臨界幅リサイズは改行リサイズと違い、
コメントの横幅によって&bold(){縮小の度合い&color(green){(縮小率)}}が細かく変わります。

&blankimg(width resize 2.jpg,width=544,height=384)


縮小されるタイミングについてはサイズによっても異なってきます。
ここでは細かな解説は行いませんが、
縮小されていくにつれてサイズ間の違いは少なくなっていきます。

&blankimg(width resize 3.jpg,width=525,height=787)


臨界幅リサイズを利用すれば
より細かくコメントの高さを調整することが可能となります。

ただし、縮小率によってコメントの横幅も大きく変わってくるので、
改行リサイズよりも地道な調整が必要となります。
テスト動画で何度も試してみると良いでしょう。



----

&bold(){prev:[[知識編Ⅱ【改行】]]}


[[トップページ]]
ツールボックス

下から選んでください:

新しいページを作成する
ヘルプ / FAQ もご覧ください。