Mobile Can';无法在手机上可靠显示桌面页面

Mobile Can';无法在手机上可靠显示桌面页面,mobile,Mobile,我正在做一个我无法在手机上正常显示的页面。我正在用三星S7阅读。该页面在桌面上看起来像这样(没有宽度箭头和尺寸): 这就是我想在S7上看到的:原始版本的简单缩小版本。宽度为1200px。我在页面上有下面的元视口标记: <meta name="viewport" content="width=1200, initial-scale=3"> 有时,此视口标记可以正常工作,为我提供了所需的内容。但是如果我再次加载它,页面可能会向左加载偏移量,这样菜单就不在屏幕上了。否则它会被放大

我正在做一个我无法在手机上正常显示的页面。我正在用三星S7阅读。该页面在桌面上看起来像这样(没有宽度箭头和尺寸):

这就是我想在S7上看到的:原始版本的简单缩小版本。宽度为1200px。我在页面上有下面的元视口标记:

<meta name="viewport"  content="width=1200, initial-scale=3">

有时,此视口标记可以正常工作,为我提供了所需的内容。但是如果我再次加载它,页面可能会向左加载偏移量,这样菜单就不在屏幕上了。否则它会被放大。在它错误加载一次之后,我继续敲击和滑动,它突然恢复到上面的正确布局

我已经尝试过视口标记。初始比例值似乎没有影响,我尝试了1和3,两者都可以,但都失败了。宽度似乎必须为1200,否则每次都会失败

有人能解释一下为什么这种行为如此不稳定吗

谢谢

原始版本的简单缩小版本

为此,您不应该使用

<meta name="viewport"  content="width=1200, initial-scale=3">

使用


因为,如果您设置了
width=1200px
,您可能需要在移动设备中滚动它

但是在
width=devicewidth
中,它会自动获取设备的可用宽度并相应地拉伸

您可以在上阅读这里的官方文档

关于缩放还有一些其他属性

它们是
最小刻度
最大刻度
用户可伸缩

最小比例
->最小缩放级别

最大比例
->最大缩放级别


用户可缩放
->是否允许用户缩放<代码>是或

谢谢。我把它放进去,头几次它似乎起作用了,显示了一整页,菜单在左边。但后来我玩了其他属性(最小比例等),什么都没有,回到上面的标签,然后它也不工作了。现在它在里面,对我来说,页面总是以2倍的速度加载,没有任何东西能让我看到左边有菜单的整个页面。我把“查看源代码:”放在url前面以加载源代码,我可以看到正确的标记肯定已加载???这是因为缓存。尝试清除缓存并加载站点@史蒂文:我想我做到了:三点>设置>高级,等等。有没有更好的方法来清除移动(S7为我)缓存?加载时是否获得了完整页面?我从您提供的链接中获得了此信息,同时检查了
,因此,我认为您遗漏了一些内容或回滚到了早期版本。是的,您是对的。我只是将问题中的链接改为我放置新标签的位置。。
<meta name="viewport"  content="width=device-width, initial-scale=1.0">