2014-02-07

IEとクロームの表示の差異で苦戦中><

テーマ:ゴミ箱の中身( いつ消える?ぇ)
2014年初頭、IE以外のプラウザも試してみなければと思い立ち、クローム導入。
するとなんたること! 妙に軽くてサクサク快適! もっと早く試すんだったなとちょっと後悔(笑)

ところが、アメブロの旧ブログエディターをクローム上では選択出来ない仕様にされていて、
暫くの間は、編集作業はIEで。 表示の確認は、IEとクロームで、てなことをやっていました。
しかしそういう不便は苦痛の元?! 
ある日とうとうクローム上で、新エディターなるものを試してしまうと・・・ オーマイガッ!w
根幹部分のバージョンが切り替わったかのような感じで、それまで多用していたSMALLタグが、
IE上でだけ機能してくれなくなってしまったのでした。。><



同じソースによる文字サイズの比較表示キャプチャ。 左がIE、右がクロームです。



下段 F1~F3 : FONTタグによるサイズ指定 1 ~ 3
 size="1"の場合の差異がかなりあるものの、一応三段階に変化はしてくれてます。

上段 8 ~ 14 : SPANタグによるサイズ指定 8px ~ 14px
 このブログの記事部分の初期設定は 12px にしています。
 ところがIE8.0の場合、10px・11px・12pxがどれも全く同じに表示されてしまうため、
 SMALLタグの結果が差となって表れてくれないようです。
 また、クロームの場合、webkit-text-size-adjust で定義されない限り、
 デフォルトでは、10px以下のフォントサイズの文字は自動的に10pxに変更されてしまいます。

これまで私流のブログの書き方として、この部分は斜めに読み飛ばして頂いてもかまわない部分、
薀蓄評価感想などの補足的な文章は、SMALLタグ使って細かい文字にすることを多用してましたが。
読者の方々がご使用の多種多様なプラウザ全てに対して、
意図した通りに表示させることは非常に難しいということを悟りました。

試みに過去記事二つを手直しすべく挑戦してみて一応成功しているようですが・・・
それ以前の記事はクローム推奨ということでご勘弁下さい。^^;

ô
AD
いいね!した人  |  コメント(8)  |  リブログ(0)

kurumayasanさんの読者になろう

ブログの更新情報が受け取れて、アクセスが簡単になります

コメント

[コメントをする]

8 ■ブログ見ました★

どうもです★やはり人のブログは読んでて刺激受けますね♪僕は「モテる」をテーマにブログを書いてるのでよかったら読んでみてください^^

7 ■こんにちわ^^

色々な方のブログを見て、表現や感性を学ばせてもらってます^^僕はブログを見てくれた方に仕事上でお役にたてるようなブログを目指して書いています☆またブログ見に来ます^^これからもよろしくです✩

6 ■どうもですヽ|・ω・|ゞ

やはり人のブログは読んでて刺激受けますね♪私は人とは違う出会いをしてるんですが、そんなことを書いてますヽ(・∀・)ノ♪更新楽しみにしてまーす!

5 ■ブログ見させてもらいました♪

記事みました♪今色々な方のブログを見て刺激をもらっています♪僕は人の役に立てるようなブログを目指して書いていきます。また訪問させてもらいます✩アメンバーも募集しているのでお互いなれたら嬉しいです♪またブログ覗きにきます^^更新楽しみにしています!

4 ■どうも!

はじめまして!ブログの書き方勉強になりました!私のブログも見てもらえると嬉しいです★

3 ■ブログ読ませていただきましたヽ|・ω・|ゞ

ブログ参考にさせていただきますね♪私は人とは違う出会いをしてるんですが、そんなことを書いてます。また遊びにきますね!

2 ■どうもこんにちわ^^

こんにちは^^記事読ませて頂きました。僕はヒゲ脱毛というブログを自分の体験記として書いてます^^面白いと思うのでよかったら僕のとこにも遊びに来てください♪

1 ■安川と申します。

こんにちは。今回私のブログで最高の記事を書きましたのでご覧頂ければありがたく存じ上げます。これからも応援させていただきます。

コメント投稿

AD

ブログをはじめる

たくさんの芸能人・有名人が
書いているAmebaブログを
無料で簡単にはじめることができます。

公式トップブロガーへ応募

多くの方にご紹介したいブログを
執筆する方を「公式トップブロガー」
として認定しております。

芸能人・有名人ブログを開設

Amebaブログでは、芸能人・有名人ブログを
ご希望される著名人の方/事務所様を
随時募集しております。