2012-04-19 42 views
3

我試圖在Kindle Fire上查看時使用視口元標記來縮放HTML內容。Kindle Fire上的Amazon Silk瀏覽器是否支持視口元標記?

我已經設置了以下測試頁:

<!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瀏覽器中查看時,它對內容的大小似乎沒有影響。

有沒有其他人經歷過這個?我的標記中是否存在可能導致此問題的問題?

注意:我嘗試將「桌面或移動視圖」瀏覽器設置更改爲自動,移動和桌面 - 這些設置都沒有改變任何有關頁面外觀的內容。

回答

0

它支持:

牢記開發Web內容時爲絲綢和消防設備如下:

•視口的瀏覽器專門用於顯示網頁的部分。移動設備的視口尺寸和 屏幕尺寸不一定相同。他們不同,因爲瀏覽器使用一些屏幕房地產來顯示其鉻。您可以使用視口元素(第36頁)至 指定視口的屬性,包括寬度和高度。

測試每個屬性本身以確定用於每個選項的特定支持:

  • 寬度
  • 高度
  • 初始規模
  • 最小規模
  • 最大規模
  • 用戶可擴展的

參考