在行動裝置上避免點擊輸入框時畫面放大
您有沒有遇過這樣的情況：當使用手機瀏覽網頁時，點擊輸入框準備輸入文字時，畫面放大了。若是不希望畫面放大該怎麼做呢？
Astralweb在這邊提供您二個作法。
使用meta tag 禁止畫面縮放
在<head>標籤內輸入
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
使用方法不止點擊輸入框時畫面不會放大，就連其他的畫面縮放功能也一併禁止了。
幫輸入框設定字級
使用CSS幫輸入框設定字級
input, textarea {
font-size: initial;
}
相較於第一個方法，這個方法的優點是保留了畫面縮放的功能，使用者還是可以任意將畫面放大。
本教學文章為歐斯瑞公司製作，如果您有任何問題，歡迎您聯繫我們，我們將盡力為您解答，謝謝。
我要留言