meta的功能前面361源碼介紹了不少,大家可以回顧一下:《網頁移動端meta屬性基礎知識總結分享》、《織夢DedeCMS文章內容頁原創Meta聲明標注實現實例》等。下面給大家帶來的是以個很簡單的meta應用:
HTML5實現手機端訪問時禁止移動網頁內容,禁止放大和縮小顯示網頁,也就是若雙指放大進會提示該頁不能縮放,只需把上述兩代碼加入你的網頁meta聲明部分即可,簡單吧?代碼中包括了禁止移動和允許移動兩種方法。
第一種:可以移動
<title>可以移動</title><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">可以移動
第二種:不可以移動
<title>html5禁止和移動、縮放網頁</title><meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" id="viewport" name="viewport">不可以移動
通過上面2段簡單的meta代碼,大家發現什么了沒有?361源碼建議大家可以把上面代碼分別拿出去測試看看,加深下記憶。
以上就是HTML5如何控制手機端頁面移動、縮放等功能的全部內容,希望對大家的學習和解決疑問有所幫助,也希望大家多多支持武林網。新聞熱點
疑難解答