2011-05-20 127 views
0

我需要我的網站根據設備調整自己。我使用了以下視口元標記:問題與視口元標記

<meta name="viewport" content="user-scalable=no,width=device-width, height=device-height, minimum-scale=0.1, maximum-scale=0.65" /> 

它可以在iPhone上正常工作。但在Android上它看起來並沒有對它做出響應,即使我改變了比例值。有沒有不同的標籤爲Android?

+0

迫切,任何想法可以理解 – shebelaw 2011-05-20 19:34:08

+0

加4位中的HTML代碼,因爲前它現在缺少。 – TheBlack 2011-05-20 23:45:05

回答

1

您應該對Android使用相同的標籤,但不同的平臺如何從視口尺寸計算初始縮放比例,如果未設置則計算視口尺寸。另外請記住,初始縮放只在第一次加載頁面時起作用,如果您重新加載頁面,它將保持當前所具有的縮放比例。

我不確定你在找什麼結果,但你在這裏有很好的Android參考(http://developer.android.com/guide/webapps/targeting.html)和Iphone在這裏(http://developer.apple.com/library/safari/#documentation/appleapplications/reference/safariwebcontent/usingtheviewport/usingtheviewport.html)。

此外,您還可以谷歌「兩個視口的故事」(我無法發佈,因爲低信譽的鏈接)