画像サイズテスト

bloggerにファイルを指定して画像を追加するときのレイアウトとサイズ指定のテストです。

貼付けられたURLのうち、以下の "＜img style=…＞" タグの中で

＜img style=" cursor:pointer; cursor:hand; width: 340px; height: 240px;" 以下省略 ＞

の width プロパティをたとえば

width: 480px;

などと変更すると、画像の表示サイズが変わりますが、もしこの 480px が元々の表示エリアの幅を超えた指定だと、はみだして表示されてしまいます。

以下は、幅400pxくらいまでは大丈夫だけれど、500pxだとはみだしてしまったという例です。

レイアウト右、幅＝オリジナル340px

レイアウト右、幅340px→400pxに

レイアウト右、幅340px→500pxに