2012-01-12 88 views
0

我正在使用iOS web應用程序,我有視口設置爲不可伸縮的方式...爲文本輸入禁用iOS縮放?

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

的問題是,當我專注於一個輸入文本字段,它會放大並沒有按」牛逼縮小:

enter image description here

我如何避免這種情況?

原圖:http://i.stack.imgur.com/N50Vg.png

+0

看起來像這可能是一個重複:http://stackoverflow.com/questions/5002854/disabling-mobile-safaris-focus-event-zoom – 2012-01-12 17:59:35

+0

該解決方案沒有做任何事情。 – Charlie 2012-01-12 18:56:22

回答

0

問題是這個標籤,

-webkit-overflow-scrolling: touch;

它已經真正Buggy在iOS5中,並從div取出後,縮放問題並沒有再次發生。

0

我認爲你正在尋找的答案是:

<meta name="viewport" content="width=device-width; intial-scale=1; maximum-scale=1"> 

這可以防止結垢。

+0

我在OP中有同樣的標籤。 – Charlie 2012-04-05 14:23:41