HTML＆CSSのコーディングを５年以上まともにしていない事もあって、情報収集も怠っていたせいか、自分のブログのスマホ表示で、特定の領域がタップ出来ない（正確に言うと２回タップすると正常に読み込むバグ）に気がついた。
調べてみると、我らがお馴染みCSSである擬似クラス「:hover]「:active」を使っているとこういった挙動になるらしい。
以下コードをBodyに適用する。
修正方法は色々あるのだけれど、すでにPHP上にゴリゴリに組みこんでしまっているHTMLを修正するのがおっくうなのでBody要素に以下を組み込むことで対応した。
|
1 |
<body ontouchstart=" "> |
一部の端末でしか検証してないけど、直っているっぽいのでとりあえず様子することにしよう・・・・うむ。
