当ブログを常時SSL化しました。記事のコメントに関してこのブログはあくまで個人用の覚書ですので、詳しいWebプログラミング知識はお答えできないことがあります。管理人多忙につき、コメントをされても返信が遅くなることがありますのでご了承ください。29検索:Androidの標準ブラウザ、widthのバグ?Androidには標準ブラウザがある。その名も「ブラウザ」。スマホ操作をレクチャーしてもらったときには、二度聞きしてしまった。通常はChrome使いなものの、サイト制作時にこの「ブラウザ」でも確認しているんですが、IE以上のヤバイ子ちゃんッぽい。文字要素の幅がおかしなことにハマったのが、文字のレイアウト崩れ。スマホを縦から横に切り替えたときの動作を確認していたら、コンテンツ内容(たぶんP要素)が指定の幅に広がらず、狭まってしまう。他ブラウザでは何の問題もないし、CSSやHTMLなどプログラムソースにおかしなところはない...なぜ...??ググッたらどうやらAndroid4系のバグで、widthが効いていないらしい。widthを効かせたい要素にbackground-colorを指定させると回避できるみたいなので、CSSに記述したらなおった・・・。none;)でも効いた。※拡大縮小が可能な場合はダメなようその他にも、スワイプ操作やリンク部分の動作もChromeなどと比べて動きが変なとこが多々ある。反応が鈍いというか、何回もタップしないと動作しなかったり...イ、イライラするーーー!!!サイトのアクセスを見ているとAndroidユーザーはChromeが圧倒的に多いものの、この「ブラウザ」でアクセスするユーザーもいるため無視するわけにもいかない。今後もいろいろ、バグに悩まされそう...。■6/12追記なおった!と思ったけど厳密にはなおってませんでした。viewport設定でユーザーに対し、拡大縮小を許可※している場合、ダブルタップで拡大すると結局widthが効いていないような状態になってしまう・・・。拡大縮小させければ大丈夫なようだ。(user-scalable=no)※minimum-scale=0,maximum-scale=1.5指定の環境下で確認。コメントをキャンセルメールアドレスが公開されることはありません。