解決手機瀏覽器上點擊輸入框放大問題
Temperature: 0 °C
開發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