当サイトは Mac 環境で開発を行っております。 ですので、 IE や Edge での確認ができないのですが、 plugin を公開する以上はそうも言っていられません。
そこで、 簡易的とは言え Safari のレスポンシブ・デザイン・モードを使用して確認が可能との事で調べた処、
、、、 これはヒドイ、、、
直接的な原因は Edge のブラウザ判別行っていなかった事なのですが、 もっと大切な本質的な原因、 フェイル・セーフが出来ていなかったのがヒドイです。
疾く疾くと修正します。
修正内容
ブラウザ判別の変更
判別されていなかった Edge を追加し、 利用率の低い NS4 、 lynx を削除します。
ルビ判別の変更
Chrome と Safari のみに適用していたルビ処理を、 Firefox 以外に適用する様に変更します。
ブラウザ別スタイルの汎用化
ブラウザ毎に適用していたスタイルを汎用化し、 個別適用を最小限にします。
修正結果
はい、 役物処理の修正は完了しました。 この時点でグリッドに対して文字が浮いている様に見えるので併せて修正したいですね。 しかし無理です。
と言うのも、 このレスポンシブ・デザイン・モード。 Mac 版の Chrome や Firefox のシミュレーションも可能なのですが、 本物の Chrome や Firefox と表示が異なります。
ですので、 大まかな確認にはとても便利ですが、 ピクセル単位での修正には向いていませんね。 という事で、 ここまでで thx.jp² 0.4.4 アップです。
コメント