无法让桌面页面在移动设备上可靠显示
我在这里工作 ,我无法在手机上显示出来.我正在用三星S7阅读它.该页面在桌面上看起来像这样(没有宽度箭头和尺寸):
这就是我希望在S7上看到的:原始版本的简单缩小版本.宽度为1200px.我在页面下面有meta视口标记:
<meta name="viewport" content="width=1200, initial-scale=3">
有时这个视口标签有效,给我我想要的东西.但是如果我再次加载它,页面可能会向左加载偏移量,以便菜单不在屏幕上.或者它会加载放大.在错误加载一次之后,我不停地敲击并轻扫它,然后它突然卡在上面的正确布局上.
我已经尝试了viewport标签.初始比例值似乎没有影响,我已经尝试过1和3,它们同时适用于两者并且两者都失败了.宽度似乎必须是1200或每次都会失败.
任何人都可以建议为什么这种行为如此不规律？
谢谢
原版的简单缩小版本。
为此，您不应该使用
<meta name="viewport" content="width=1200, initial-scale=3">
使用
<meta name="viewport" content="width=device-width, initial-scale=1.0">
因为，如果您设置了width=1200px，您可能需要在移动设备中滚动它。
但在 中width=device-width，它会自动获取设备的可用宽度并进行相应的拉伸。
您可以在MDN上阅读官方文档
还有一些与缩放有关的其他属性。
他们是minimum-scale，maximum-scale，user-scalable。
minimum-scale-> 最小缩放级别<int>值
maximum-scale-> 最大缩放级别<int>值
user-scalable-> 是否允许用户缩放。yes或者no
| 归档时间： |
|
| 查看次数： |
69 次 |
| 最近记录： |