みかづきブログ その3

本ブログは更新を終了しました。通算140万ユーザーの方に観覧頂くことができました。長い間、ありがとうございました。

👆

引越し先はこちらです!

Androdで文字が変な箇所で折り返される現象をbase64で対策する

一部Androidで文字が変な箇所で折り返される現象は、その要素に背景色をつけることによって解決します。

ただし、transparent や rgba(0, 0, 0, 0) ではうまくいかないので、1px 1px の透過pngを敷き詰めたりしているかたが多いとおもいます。

そんなとき、透明なbase64を用意しておくと別途画像をアップしておく必要がなくなるのでとても便利です。

p {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQAAAAA3bvkkAAAAAnRSTlMAAHaTzTgAAAAKSURBVHgBY2AAAAACAAFzdQEYAAAAAElFTkSuQmCC) 0 0 repeat;
}

ちなみにこの1px 1px の透過png の base64 は IE8対策でも力を発揮してくれます。

kimizuka.hatenablog.com



今回は以上です。