2012-04-19 24 views
3

私はKindle Fireで見たときにHTMLコンテンツを拡大縮小するためにビューポートメタタグを使用しようとしています。私は、次のテストページを設定しているKindle FireのAmazon Silkブラウザは、ビューポートのメタタグをサポートしていますか?

:私は例えば1.0を言うために2.5から番号を変更する場合

<!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> 

、これはiPhone 4Sに縮小されるコンテンツの原因となります。しかし、Kindle FireのAmazon Silkブラウザで見ると、コンテンツのサイズには影響しないようです。

誰もこれを経験していますか?マークアップにこれを引き起こす可能性のある問題はありますか?

注:[デスクトップまたはモバイルビュー]ブラウザの設定を[自動]、[モバイル]、および[デスクトップ]に変更しようとしました。これらの設定でページの外観が変更されませんでした。

答えて

0

それはサポートされています。

シルクや消防機器のためのWebコンテンツを開発する際に次の点に注意してください:

ビューポート•は、Webページを表示する専用のブラウザの一部です。モバイルデバイスのビューポートサイズと の画面サイズは必ずしも同じではありません。ブラウザでは、クロムを表示するためにブラウザで の画面が表示されますビューポートメタ要素(36ページ)を に使用すると、幅と高さを含むビューポートの属性を指定できます。各オプションの特定のサポートを決定するために、単独で

テスト各プロパティ:

  • 初期規模
  • 最小規模
  • 最大規模
  • ユーザースケーラブル

参照

関連する問題