僕はいつも、記事の最後に「あとがき」をつけているのですが、画像から吹き出し付きで書くようにしています。 ですが、これ、モバイル版ではちゃんと表示されていないのを分かっていながら放置してたんです。 CSSを利用した吹き出しなので、仕組みがなかなか難しく、後回しになってしまっていました。 この仕組を理解しないことには、放置しているモバイル版の対応もできないまま。 それはまずいので、ようやく重い腰をあげて勉強してみました。 あとがきの表示 PC版ではこんな感じの表示になってます。 それに対して、モバイル版はこんな感じでした。 吹き出しになってませんね。 最初はこちらの記事を参考に吹き出しを設置したのですが、 PC版だとスペースが広いので、画像の右側に吹き出しをおけるのですが、モバイル版は横幅が狭くなるので下側に吹き出しを置いたほうが見やすくなります。 ですが、そうすると、吹き出し特有の三角部分(
![はてなブログで吹き出しを使おう! CSSでの実装方法を勉強したので解説します。 - いつもマイナーチェンジ!](https://cdn-ak-scissors.b.st-hatena.com/image/square/aefdebf44f23e058eb4f2d824badd23427bd9fd7/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fm%2Fmayoi_inu%2F20150504%2F20150504175438.jpg)