我正在使用iOS web應用程序,我有視口設置爲不可伸縮的方式...爲文本輸入禁用iOS縮放?
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;" />
的問題是,當我專注於一個輸入文本字段,它會放大並沒有按」牛逼縮小:
我如何避免這種情況?
原圖:http://i.stack.imgur.com/N50Vg.png
我正在使用iOS web應用程序,我有視口設置爲不可伸縮的方式...爲文本輸入禁用iOS縮放?
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;" />
的問題是,當我專注於一個輸入文本字段,它會放大並沒有按」牛逼縮小:
我如何避免這種情況?
原圖:http://i.stack.imgur.com/N50Vg.png
問題是這個標籤,
-webkit-overflow-scrolling: touch;
它已經真正Buggy在iOS5中,並從div
取出後,縮放問題並沒有再次發生。
我認爲你正在尋找的答案是:
<meta name="viewport" content="width=device-width; intial-scale=1; maximum-scale=1">
這可以防止結垢。
我在OP中有同樣的標籤。 – Charlie 2012-04-05 14:23:41
看起來像這可能是一個重複:http://stackoverflow.com/questions/5002854/disabling-mobile-safaris-focus-event-zoom – 2012-01-12 17:59:35
該解決方案沒有做任何事情。 – Charlie 2012-01-12 18:56:22