Loading...

解決手機瀏覽器上點擊輸入框放大問題

Temperature: 0 °C

ChungChung
author_tools

開發RWD的網站已經是趨勢,主要也是因為手機用戶實在是太多

但在過程中一直有個問題困擾著....

就是手機點選的網頁上若有文字輸入框時,當在輸入框中點擊準備輸入文字...

這時會發現輸入框放大了....連網頁版面也跟著放大..。

連看了好幾個網站都有這樣的問題,在想...這或許是手機本身針對網頁的設定問題...想可能是手機認為已經40歲的需要把字放大點,才看的到吧@@....真的是智慧型手機啊。

但今天卻發現FB的手機版網頁並無這樣的問題存在....所以這表示並不是手機聰明...。

所以針對這個問題...在Google上找到了這個答案禁止縮放

<meta name=”viewport” content=”width=device-width,minimum-scale=1.0,maximum-scale=1.0,initial-scale=1.0" user-scalable=no />

其實,meta標籤是一個非常重要的東西!

在建置網站的過程中若是希望自已的網站能被搜尋引擎搜到...

就需要在網頁中埋入一些標籤給搜尋引擎看,所以當它們來造訪你的網頁時,就會依照meta中所提供的資訊來作記錄。

例如作者
<meta name="author" content="innstory"> 

版權宣告
<meta name="copyright" CONTENT="Copyright©2015.Innstory.com"> 

網頁編碼
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 

總之,meta標籤是一個非常重要的東西!

台北市內湖區江南街71巷75弄 Go

https://innstory.com/story-解決手機瀏覽器上點擊輸入框放大問題-529
寫程式筆記

Prev
 偶爾想起熟悉街道上的香雞排

Next
看似最短的距離往往遠的像在跑500障礙