0%

HTML - 解決點擊輸入框時,畫面放大情況

meta tag 方法

<head>輸入以下設定,會讓裝置的縮放功能給禁止,可謂相當暴力的解法之一。

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

CSS 設定

inputtextarea等元素設定 font-size,可以保留畫面縮放功能,並且達到點及輸入框畫面放大問題勒。

1
2
3
input, textarea {
font-size: initial;
}

參考資料

如何在行動裝置上避免點擊輸入框時畫面放大