文章彙整

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

By Ellen 2 years agoNo Comments
首頁  /  網頁視覺設計  /  在行動裝置上避免點擊輸入框時畫面放大

標題圖-在行動裝置上避免點擊輸入框時畫面放大

您有沒有遇過這樣的情況:當使用手機瀏覽網頁時,點擊輸入框準備輸入文字時,畫面放大了。若是不希望畫面放大該怎麼做呢?

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;

}

相較於第一個方法,這個方法的優點是保留了畫面縮放的功能,使用者還是可以任意將畫面放大。

 

本教學文章為歐斯瑞公司製作,如果您有任何問題,歡迎您聯繫我們,我們將盡力為您解答,謝謝。

以上內容由Astralweb 歐斯瑞編寫製作

 000

推薦文章

Category:
  網頁視覺設計

留下回應

你的電子郵件地址不會被公開.

取得獨家電子商務祕技

建立更好的策略靈感

跟上全球的網路趨勢

絕佳的電商解決方案

電子商務戰略全指南

每月發送電商戰略指南,只要填寫E-mail即可訂閱!

請到您的信箱確認,即可完成訂閱。