如何在Android上啓用縮放？

我創建了一個響應式網站，並且所有內容都看起來不錯。但由於某些原因，您無法在Nexus 7上使用Chrome瀏覽器（運行Android 4.2.2）。

這是我的元標記，確保它顯示的網站與屏幕尺寸合適的CSS：

<meta name="viewport" content="width=device-width, initial-scale=1" />

無處這裏做我說的用戶不能放大。正如我所說，該網站是響應式的，所以沒有理由讓用戶需要放大，但如果用戶想縮放，我不想阻止它們。 iPhone上沒有問題，用戶可以放大，如果他們想。但在Android上他們不能。我曾嘗試添加user-scalable=yes和user-scalable=1，但這沒有什麼區別。

唯一可行的是刪除該元標記，但是網站呈現自身，就好像它正在大屏幕上顯示，因此它不再響應。

有什麼我可以做的嗎？

來源

2013-08-16 MrMisterMan

嗯，這不是一個答案，但更多的評論 - Chrome的Android有一種方法，我們強制縮放 - 打開瀏覽器的主要設置，點擊「輔助功能」，然後檢查選項稱爲力啓用縮放。這樣，如果你沒有找到一個適合你的需求的好答案，請在你的頁面添加這個評論 – Slartibartfast

@大衛李在上面的評論是正確的：它看起來更加的的Nexus 7件事比Chrome的問題。谷歌已經就捏和變焦wrt Nexus 7抱怨了很多，他們正在努力解決蘋果縮小專利問題的speculation。

從我所知道的只是用

<meta name="viewport" content="width=device-width, initial-scale=1">

應該工作。

我已經看過http://m.skyscanner.com/作爲一個例子，它可以在其他設備上使用chrome和其他瀏覽器如Dolphin HD。並且該網站的所有內容都是上面的視口代碼。

Chrome for Android有一種強制縮放的方式 - 打開瀏覽器的主要設置並點擊「輔助功能」，然後選中名爲Force enable zoom的選項，看看它是否適用於Nexus 7（我沒有該設備所以不能測試它）

來源

2013-08-25 12:44:42 Slartibartfast

什麼版本的Android？如果您的版本介於2.3.x和4.x之間，Android 2.2不支持視口元標記。試試這個：

<meta name="viewport" content="initial-scale=1.0, width=device-width, user-scalable=yes" />

希望這會有所幫助。

來源

2013-08-16 13:56:36

謝謝，它說Android 4.2.2，所以不能成爲問題。我也嘗試過'user-scalable = yes'，但是我在我的問題中寫了'user-scalable = true'，所以我很抱歉。我現在編輯了我的問題。 – MrMisterMan

我一直在檢查了這一點，似乎在Nexus 7中的Chrome上的縮放選項有問題，不知道它是否真實，但我也測試了SG2，它工作正常，我想你可以做什麼是檢查另一個網站，有變焦選項，並檢查視口標記那裏或其他配置，也許它啓用它，如果你得到的結果請張貼在這裏，我也開發響應網站，這將有助於知道，我會嘗試挖更多關於它。 –

儘管它不是您的問題的完整解決方案，但它可以縮放特定區域。

蒂埃裏乙寫了一個插件，將做到這一點，並張貼在github repo

可以demo在這裏：

剛上部分單擊要放大

或視口縮放請參閱thi小號tutorial

來源

2013-08-19 09:20:40

使用本希望這將有助於：

<meta name="viewport" content="initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,width=device-width,height=device-height,target-densitydpi=device-dpi,user-scalable=yes" />

來源

2013-08-22 12:00:21 Prakhar

據我可以告訴設置最小和最大比例爲1將禁用用戶縮放，不是嗎？ – MrMisterMan

如何在Android上啓用縮放？

回答

相關問題