2010-12-09 38 views
4

嘿傢伙, 我目前正在建設一個針對移動設備優化的網站。android和webos無內容縮放?

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/> 

我有一個動態的JavaScript網格,我想在移動設備上不縮放。 上面的行在iPhone上完美的工作,但我認爲它不適用於android或webos。任何想法如何我可以爲這些移動設備設置NO-SCALE模式。所以沒有捏&縮放和設備寬度是100%的瀏覽器寬度?

感謝您的提示。

問候亞光

回答

6

http://developer.android.com/guide/webapps/targeting.html#Metadata,「用戶可擴展的」屬性需要被設置爲「無」,而不是0。所以:

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;"/> 

編輯:略偏信息靠近頁面在Safari Reference Library - Supported Meta Tags底部:

用戶可擴展
確定用戶是否可以放大和縮小 - 用戶是否可以更改 視口的縮放比例。設置爲yes以允許縮放 和no禁止縮放。 默認爲yes

設置user-scalableno也 防止從網頁時 輸入字段中輸入文本滾動。

Available in iOS 1.0及更高版本。