【发布时间】: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