読者です 読者をやめる 読者になる 読者になる

はてなブログの画像表示がおかしくなっている? 画像のサイズが100%固定?

その他(日記)

スポンサーリンク

f:id:hakoroid:20160701132339j:plain

本日7月1日 12時頃ですが、昨日自分で書いた記事を見てみると画像表示がおかしい?

何故か記事に貼った画像のサイズが100%表示になっている

google chromeでちょっと調べるとCSSの「.entry-content img.hatena-fotolie」にwitdh:100%; height:100% と書かれている?

元々こうだった? でも今までは画像のサイズは普通にwitdh:320pxとかHTMLで指定できていたのに・・・

 

f:id:hakoroid:20160701131551j:plain

※Google Chromeで検証している時の画像 (既にCSSは追記しています)

 

とりあえずCSSもあまり詳しくはないのですが

はてなブログのメニューを出して「{}デザインCSS」の中に

 .entry-content img.hatena-fotolife{
width:auto ;
height:auto ;
}

 これを追記して画像サイズが100%表示になるのを回避させました

これって不具合かな? それともこのブログでだけの現象?

 

ちなみにこれは記事に画像を貼る際に右のメニューから「写真を投稿」というのを選択して「はてなフォトライフ」にアップした画像を記事に挿入させているから起きている現象です。

 

それにしてもGoogle Chromeの検証はとても便利だなぁ

 

追記 もしかするとまだ変かも・・・

これだと回避できないようですね、アップした画像のオリジナルのサイズで表示されている・・・

 

 .entry-content img.hatena-fotolifeに書かれているwidth:100%とheight:100%を消したい!!

 

7月22日 追記

どうやらはてなブログ側の問題というよりも利用しているテーマに問題があったようです

テーマをインストールすると公開されているCSSを読みこむようになり、元のCSSを作者が変更すると、こちらにも影響が出るようです。

テーマを変更したら上記の問題はなくなりました。

 

にほんブログ村に参加しています。
よかったらポチッとお願いします。

ブログランキング・にほんブログ村へ
にほんブログ村