【问题标题】:Is the viewport meta tag supported by the Amazon Silk browser on Kindle Fire?Kindle Fire 上的 Amazon Silk 浏览器是否支持视口元标记?
【发布时间】:2012-04-19 07:24:30
【问题描述】:

在 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 浏览器中查看时,它似乎对内容的大小没有影响。

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

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

【问题讨论】:

    标签: cross-browser viewport meta-tags kindle-fire amazon-silk


    【解决方案1】:

    支持:

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

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

    单独测试每个属性以确定对每个选项的具体支持:

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

    参考文献

    【讨论】:

      猜你喜欢
      • 2012-04-30
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2023-03-25
      • 1970-01-01
      • 2011-07-03
      相关资源
      最近更新 更多