So-net無料ブログ作成
検索選択

スマホで見たら画像が収まってなかった(2) [dialy]

2015/08/20

スマホで見たら画像が収まってなかった(2)

前回の記事で ↑ この問題について検証してみました。


散々ググってみても明解な原因が見つからず、仕方がないので問題の有る記事を、少しずつ削って何度も更新してみた結果、

ひとまずの解決をみましたので記述します。


原因は記事中のURLリンクでした!


私の場合、ブログに参考ページURLをリンクすることが多いんですが、


例えば、

wiki「スウィフト・タットル彗星」
スウィフトタットル彗星.jpg

https://ja.wikipedia.org/wiki/%E3%82%B9%E3%82%A4%E3%83%95%E3%83%88%E3%83%BB%E3%82%BF%E3%83%83%E3%83%88%E3%83%AB%E5%BD%97%E6%98%9F


このような「B9%E3%82%A4%E3」で構成される長いURLは改行されない場合が多い。


その結果、URLの幅の分だけ表示領域を確保してしまい、その幅まで画像が大きくなる。

という結論に達しました。


画像のサイズ指定をpxではなく%に変更したり、テキストを pとかspanを書き換えてみたり、

さんざん試してみたのは関係無かったです =。=;


次の記事でこの問題を修正しています。



nice!(0)  コメント(0)  トラックバック(0) 
共通テーマ:blog

nice! 0

コメント 0

コメントを書く

お名前:
URL:
コメント:
画像認証:
下の画像に表示されている文字を入力してください。

トラックバック 0