ビューポート メタ タグを使用して、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 ブラウザで表示した場合、コンテンツのサイズには影響がないように見えます。
他の誰かがこれを経験しましたか？これを引き起こす可能性のあるマークアップに問題はありますか?
注: [デスクトップまたはモバイル ビュー] ブラウザー設定を [自動]、[モバイルおよびデスクトップ] に変更しようとしましたが、これらの設定のいずれも、ページの外観について何も変更しませんでした。