Android4系のデフォルトブラウザでwidthが効かないバグとbackground-colorで回避出来るというメモ | kanonjiのブログ
Android4系のデフォルトブラウザで、どうしてもレイアウトが崩れるという話を持ちかけられて、調べてみました。 どうもviewportを指定してない場合に、widthがdevice-widthより大きな値を指定しても、無視されるというものみたいです。 widthが効かないというのがどういう事か、文章だとよくわからないと思うので、再現させるコードと、それを表示したスクリーンショットを下の方に載せてます。 解決策 なにが起きるかと言うと、 p要素のwidthを無視して勝手に横幅が設定されて幅が短くなる。 androidのバージョンによって変わるみたいで、 android2系だと問題ないけどandroid4系だとおかしい(端末の違いも考えられるけど)。 いろいろやってみて、 なぜかbackground-colorを入れると意図した幅で表示された。 なんでbackground-c
[実機未検証]Androidでp要素の幅が狭まる時の対応策
悩み Androidのエミュレータで確認した際に妙な状況に遭遇。原因と対策の調査でえらく時間を喰いました…。 根本的な解決策は不明ですが、ぜんぜんValidじゃない回避策が見つかりましたので記事にします。なお、実機未検証ですので、そもそも実機でこの問題が起きているかどうかからあやふやです。 この点、ご留意くださいませ。 [2015.2.1追記]— viewportが原因かもしれない件を記事末尾に追記 — [2014.4.3追記]— とある方から解決方法の１つを教えていただけましたので追記します。 詳細は下にある「透過gifを使う」の項目をご覧下さい。 — [2013.10.30追記]— この件は何度かTwitterにて「これはダメな方法では」と指摘されていまして、私自身も上記冒頭に上げているようにダメな方法だと思っています。しかしながら、とある方にご協力いただいて解決法を探っていただいたこ
![[実機未検証]Androidでp要素の幅が狭まる時の対応策](https://cdn-ak-scissors.b.st-hatena.com/image/square/f6dd84297ff932a2155d9205a82b720872f49ec7/height=288;version=1;width=512/https%3A%2F%2Fwebutubutu.com%2Fwp-content%2Fuploads%2F2013%2F02%2F130211_01.png)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
