一部の Firefox だけで起きる謎現象対策 WpTHK 1.61

サムネイルのサイズが一定ではなく、可変幅になっていると
一部の Firefox でサムネイルの表示がおかしくなる現象がある模様。

しかも、同じバージョンの Firefox でも、発生するものとしないものがある・・・

とりあえず確認できたのは、
翻訳協力者である らきーむ さんの自宅 PC の Firefox（英語版）。

・開発者るなの環境

Windows + Firefox 45.0.1 問題なし
Gentoo + Firefox 38.6.1 問題なし
FreeBSD + Firefox 38.7.1 問題なし

・翻訳協力者らきーむさんの環境

会社の Windows + Firefox 45.0.1 問題なし
自宅の Windows + Firefox 45.0.1 問題発生
自宅の Mac OSX + Firefox 45.0.1 問題発生

という、なんだか訳分からん状態ｗ

条件が不明だが、とりあえず、

img を block 要素でラップして、それを float してるのが原因っぽい。

とりあえず、ラップをやめて img 要素を直接 float することで解決した。

一応、問題は解決したが、、、なんか納得できん・・・

その他、細かいバグ修正と ver1.60 でダウングレードしてしまっていた部分を修正しました。

なんか良く分からん現象への対応

  1. サムネイルが可変サイズの場合、一部の Firefox で記事一覧のサムネイルの表示がおかしくなる？現象への対応
  2. 環境によって？ Google Webmasters で 404 ソフトが出るらしい現象への対応

バグ・ダウングレード修正

  1. 「フッターウィジェットエリア表示数」の変更が効かなくなっていたバグの修正（ver1.60 でのダウングレード）
  2. style.min.css を削除して自動再構築した場合に、完全な状態で元の style.min.css に戻らないことのあったバグの修正

仕様変更・その他

  1. カスタマイズ画面での入力内容に関するサニタイズを少し強化
  2. PHP 5.3.0 未満用に __DIR__ 使うのやめて dirname(__FILE__) に変更
  3. URL によっては（リダイレクト先など）Facebook のカウント数が Bad Request になってしまうので Facebook のみカウント数の取得方法を変更
  4. 関連記事や新着記事ウィジェットのサムネイルも記事一覧のサムネイルと同じように hover で border の色が変わるように CSS 変更
  5. スマホなどの小デバイスで、もう少し見やすくなるように文字列の配置など CSS を少しだけ変更
  6. Theme Check のチェック内容が変わって、また99点になったので、再度100点になるよう修正（screenshot.png を jpg にしろとか言い出したｗ）

アップデートの場合はファイルを上書きした後、以下のどちらかを行ってください。

  • 既存の「style.min.css」をいったん削除する
  • または、カスタマイズ画面で「保存して公開」ボタン押す

（自動的に「style.min.css」が再構築されます）

WpTHK

Posted by るな