3

我只在 Chrome 和 Android 4.0.4 上的股票浏览器中针对 Droid Razr 进行了测试。当我使用以下标记时，<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

由 chrome 中的错误引起。我发现的最好的工作来自https://code.google.com/u/114845687405761252904/并且是强制重绘方向更改

        

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

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

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

        设置超时（函数（）{
            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 回答