みかづきブログ その3

3ヶ月つづけてみました。

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



今回は以上です。