<meta name="viewport" ... tag does not work correctly on Android (Samsung Galaxy Tab 2) after orientation change

问题描述 投票:0回答:3
android browser zooming orientation
3个回答
2
投票

有同样的问题,通过切换到 HTML5 解决了。这意味着:

<!DOCTYPE html>
<html lang="en">

1
投票

也许您需要使用未记录的“target-密度Dpi”,如下所示:https://android.googlesource.com/platform/external/webkit/+/f10585d69aaccf4c1b021df143ee0f08e338cf31


0
投票

我面临着同样的问题,但没有解决方案。合乎逻辑的结论是,当我最初将其设置为“ user-scalable = 0”时,浏览器窗口必须将元重置为“ user-scalable = 1”。

仅当我使用 CSS transition3d 移动页面内容并在画布外菜单下方显示侧边栏(例如 Google 移动或 Facebook 移动应用程序)时,才会出现该错误。如果我使用负边距来推送内容,那么在我的测试中根本不会发生这种情况。

我尝试做的一件事是每次用户更改手机方向时替换元视口标签。然而,我不确定它是否真的有效,因为这个错误似乎可能每 6 个页面重新加载 + 横向方向就会发生一次。 \

function updateMetaOrientationChange() {
     var viewport = document.querySelector("meta[name=viewport]");

     viewport.setAttribute('content', 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;')
}
© www.soinside.com 2019 - 2024. All rights reserved.