3

これは、Droid Razr の Android 4.0.4 の Chrome とストック ブラウザでのみテストしました。次のマークアップを使用すると<hx>、縦向きから横向きに回転するときに、どの要素も画面の幅全体に拡大されません。ブラウザーを横向きに更新すると、これらの要素が全幅に拡大されます。本体の幅は拡大していますが、hx 要素は縦幅を保持しています。

これは、ストック ブラウザーでは正常に機能し、p や div などの他のブロック要素では問題になりません。私は何かを忘れていますか？ 

<!doctype html>  
 <meta name=viewport content='width=device-width, initial-scale=1'>
 <h1>Around the rugged rock the ragged rascal ran. Around the rugged rock the ragged</h1>
4

2 に答える 2

1

クロムのバグが原因です。私が見つけた最善の回避策はhttps://code.google.com/u/114845687405761252904/から来ており、向きの変更時に再描画を強制することです

        

if (/\bAndroid\b.*\bChrome\b/.test(navigator.userAgent)) {

    window.addEventListener("orientationchange", function() {

        document.querySelector("body").style.display = "none";

        setTimeout(関数(){
            document.querySelector("body").style.display = "block";
        }、1）;

    }、 間違い）;

}
于 2013-11-01T16:56:57.080 に答える
0

今日、まさにこの問題に遭遇しました。お互いに何かを忘れていない限り、これは間違いなく Chrome のバグです。4.1.2 を実行している Nexus 7 でこの問題に気付きました。

于 2012-10-25T20:01:31.163 に答える