Androidの一部機種でmeta[viewport]を無視する問題
Androidの一部機種でmeta[viewport]を無視する問題の検証 - jsdo.it Galaxy Nexus(Android version 4.0.4)なんらかのタイミングで拡縮が可能になる。 （Orientation Change Eventとmeta[name=“viewport”]のcontentを書き換えるのが関係してる？） P-07D(Android version 4.0.4)Orientation Change Eventが一度でも発生すると以後拡縮が可能になる。 （Orientation Change Eventが発生していない状態なら拡縮はできない） F-05D(Android version 2.3.5)以下のいずれでも常に拡縮が可能 （user-scalableを使った拡縮不可設定ができない） user-scalable=1 user-scalable=
![Androidの一部機種でmeta[viewport]を無視する問題](https://cdn-ak-scissors.b.st-hatena.com/image/square/4cd25ecf2f86d106674d1f2272ac5084feef73d1/height=288;version=1;width=512/https%3A%2F%2F64.media.tumblr.com%2Favatar_2f83831cb352_512.pnj){kind=avatar}
Android4系のデフォルトブラウザでwidthが効かないバグとbackground-colorで回避出来るというメモ | kanonjiのブログ
Android4系のデフォルトブラウザで、どうしてもレイアウトが崩れるという話を持ちかけられて、調べてみました。 どうもviewportを指定してない場合に、widthがdevice-widthより大きな値を指定しても、無視されるというものみたいです。 widthが効かないというのがどういう事か、文章だとよくわからないと思うので、再現させるコードと、それを表示したスクリーンショットを下の方に載せてます。 解決策 なにが起きるかと言うと、 p要素のwidthを無視して勝手に横幅が設定されて幅が短くなる。 androidのバージョンによって変わるみたいで、 android2系だと問題ないけどandroid4系だとおかしい(端末の違いも考えられるけど)。 いろいろやってみて、 なぜかbackground-colorを入れると意図した幅で表示された。 なんでbackground-c
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
