Question

我正在尝试使用视口元标记在Kindle Fire上查看时缩放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浏览器中查看时，它似乎对内容的大小没有影响。

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

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

Answer 1

支持：

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

•视口是专用于显示网页的浏览器部分。视口大小和   移动设备的屏幕尺寸不一定相同。它们不同，因为浏览器耗尽了   一些屏幕房地产显示其铬。您可以使用视口元元素（第36页）   指定视口的属性，包括宽度和高度。

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

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

<强>参考

Kindle Fire上的Amazon Silk浏览器是否支持视口元标记？

1 个答案: