3

在 Kindle Fire 上查看时，我正在尝试使用 viewport 元标记来缩放 HTML 内容。

我已经设置了以下测试页面：

<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="initial-scale=2.5, maximum-scale=2.5, minimum-scale=2.5, width=device-width, user-scalable=no" />
</head>
<body>
  <div style="width: 100px; height: 100px; background: red;">Hello World</div>
</body>
</html>

例如，如果我将数字从 2.5 更改为 1.0，这会导致 iPhone 4S 上的内容按比例缩小。但是，在 Kindle Fire 上的 Amazon Silk 浏览器中查看时，它似乎对内容的大小没有影响。

有没有其他人经历过这个？我的标记中是否存在可能导致此问题的问题？

注意：我尝试将“桌面或移动视图”浏览器设置更改为自动、移动和桌面 - 这些设置都没有改变页面外观。

4

1 回答 1

1

支持：

为 Silk and Fire 设备开发 Web 内容时，请记住以下几点：

• 视口是浏览器中专门用于显示网页的部分。移动设备的视口大小和屏幕大小不一定相同。它们不同，因为浏览器会占用一些屏幕空间来显示其 chrome。您可以使用视口元元素 (p. 36) 来指定视口的属性，包括宽度和高度。

单独测试每个属性以确定对每个选项的特定支持：

  • 宽度
  • 高度
  • 初始规模
  • 最小规模
  • 最大规模
  • 用户可扩展

参考

于 2017-07-08T19:15:34.897 回答