たとえば、ボタン等で display: block; として、領域いっぱいにリンクエリアを設定した場合に、
Android の標準ブラウザでタップ時の枠が領域いっぱいに表示されない。
【対処方法】
Aタグの中にDIVタグを入れる
|
1 |
<a href="hoge.html"><div>ほげ</div></a> |
月別アーカイブ: 2012年8月
iPhone で横向きにした時に拡大してしまうのを防ぐ
iPhone では、横向き（ランドスケープ）にした時に、勝手に拡大してしまう仕様（バグ）があるみたいです。
で、それを防ぐには、viewport に maximum-scale=1 を指定すると回避できるのですが、
ただ、それだと拡大出来なくなってしまいます。
で、拡大したい時は iOS-Orientationchange-Fix を使うと良いらしいです。
GitHubからダウンロードできます。
※シミュレータでは反映されないらしいです。
あと、文字サイズも勝手に大きくなってしまうので、
それを回避するには CSS で
-webkit-text-size-adjust:none;
と書くと回避できます。
＜追記 2014.06.02＞
上記、-webkit-text-size-adjust: none を指定すると拡大できなくなってしまうので、
|
1 |
-webkit-text-size-adjust: 100%; |
を指定すると良いようです。