android - 为什么此站点在某些移动设备上缩小到左侧，而在其他移动设备上却没有？

Question

如您所见，该网站在某些移动设备上被缩小到一边:

我不确定为什么。正文或 html 标签中没有设置宽度:

body {
  color: #444;
  font-family: 'Helvetica Neue LT Std', sans-serif;
  font-size: 16px;
}

html {
  margin-top: 32px !important;
}

这是视口(viewport)标签:

<meta name="viewport" content="width=device-width">

我也没有看到任何奇怪的东西。可能是什么问题？

实时站点:http://www.m2comm-semi.com/electronic-shelf-labels/

Answer 1

这可能是您的初始缩放级别有问题。我建议将您的 meta 行更改为 -

<meta name    = "viewport"
      content = "width = device-width, initial-scale = 1.0"
>

这将强制浏览器将您的初始缩放级别设置为正常，即 1 倍。

请参阅What is initial scale, user-scalable, minimum-scale, maximum-scale attribute in meta tag?获取更多信息。

不幸的是，根据您对文件的其他编码方式，这可能没有多大帮助。很多人很难让他们的页面在实际的移动设备上正确显示(而不是模拟的)。我是他们中的一员。如果我想出解决这个问题的方法，那么我会相应地张贴在这里(如果没有其他人已经这样做的话)。