移动Webkit浏览器(chrome)地址栏更改$(window).height(); 制作背景尺寸:每次都要重新缩放

Tre*_*vis 8 mobile android google-chrome scale background-size

问题是我有几个DIV的位置绝对具有背景大小:封面; 并通过javascript计算它们的高度以填充100%的视口.在每个桌面浏览器和移动Firefox上一切都很好,但在移动铬地址栏上(出现/消失时)更改$(windows).height(); 值.每次这样做时,这会导致古怪的背景图像重新缩放.有没有一个解决方法,总是显示地址栏(所以窗口高度值不会改变),或其他一些保持背景大小的解决方案:封面; 无论地址栏如何都缩放相同?

skr*_*z14 1

我知道您说的是 Chrome,但对于移动 Safari(从 ios 7.1 开始新增),您可以将该属性添加到视口标签“minimal-ui”,这将阻止导航栏和地址栏弹出然后出去。

希望将来其他浏览器(例如 Mobile Chrome)也能接受此值。

您可以在这里阅读更多信息: http://www.mobilexweb.com/blog/ios-7-1-safari-minimal-ui-bugs