最近在看手機網頁是如何做的,經過學習和你們一起分享一下希望可以在以后的學習中大家不用那么費勁。
你們猜那個是我??哈哈
好了,廢話不多說,正題要緊。。。。。
我們做一個手機網站,首先要清楚一個目的,你是要做一個電腦站要適應到手機呢,還是純粹的手機站,像APP一樣的或者手機瀏覽的網頁。兩者大概都差不多!
我今天給大家介紹的是哈哈哈,后者。
你可以選擇框架或者不用框架。。。。
首先在你的頭文件聲明中要聲明這幾個meta。。。。
- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
- <meta name="apple-mobile-web-app-capable" content="yes" />
- <meta name="format-detection" content="telephone=no" />
第一個是設定手機端的屏幕尺寸的,第二個是設定iphone端頁面全屏的,第三個則是取消數字被識別為電話號碼的!當然,還有其他很多,你可以google一下,我的項目中通常只用到前兩個。仔細的同學可能會發現bootstrap框架的頭文件聲明很像第一個。