innstory

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

開發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標籤是一個非常重要的東西!