在移動設備上禁用輸入自動縮放

問題是移動瀏覽器將放大輸入字段或選擇焦點下拉。我研究過不同的解決方案，到目前爲止，我發現最優雅的方法是將輸入字段的字體大小設置爲16px。這可以在獨立的輸入字段上正常工作，但如果您有一個包含按鈕的父容器，將字體大小更改爲16px後，會在按鈕下方留下一點空隙。在移動設備上禁用輸入自動縮放

另一種解決方案是將輸入字段的默認字體大小設置爲16px，並正確調整按鈕大小。

將font-size設置爲16px並不妨礙縮放選擇下拉。

http://stackoverflow.com/questions/4472891/how-can-i-disable-zoom-on-a-mobile-web-page – marekful

HTTP ：//stackoverflow.com/questions/8154505/how-can-i-force-a-site-to-scale-to-fix-for-mobile-iphone-android @MarcellFülöp擊敗了我... –

我認爲我們不應該完全限制移動用戶的放大，否則這種解決方案將是理想的。這個想法是防止縮放輸入字段並僅選擇下拉菜單。 – YaroslavS120

你可以這樣來做：

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

2015-07-09 00:51:11

回答