其實想讓用戶在用移動終端訪問網站的時候,適配的全是移動端的頁面,跟php無關,幾乎全是前端的技術,說白了就是瀏覽器里的閃轉騰挪。
1.比較傳統的做法是查詢用戶的“用戶代理信息”,user-agent俗稱ua,里面會有用戶當前使用瀏覽器的信息,比如這樣的,
Mozilla/5.0(iPad;U;CPUOS3_2likeMacOSX;en-us)AppleWebKit/531.21.10(KHTML,likeGecko)Version/4.0.4Mobile/7B334bSafari/531.21.10
里面就包含了很多信息,操作系統啊,硬件設備啊,版本啊,瀏覽器名稱等
再比如當年諾基亞盛行年代的國產uc瀏覽器的ua
UCWEB/2.0(Symbian;U;S60V1;en-US;nokiaE520)U2/1.0.0UCBrowser/8.6.0.199U2/1.0.0
通過ua的關鍵字來識別用戶機型,去匹配頁面,這個是最初的方案
2.比較通用的方案是在瀏覽器內獲取用戶屏幕的尺寸,寬和高確定了,就可以用html的相對寬度來調整頁面大小
3.最新的方案,叫做“響應式布局”,響應式布局是EthanMarcotte在2010年5月份提出的一個概念,簡而言之,就是一個網站能夠兼容多個終端——而不是為每個終端做一個特定的版本。這個概念是為解決移動互聯網瀏覽而誕生的。響應式布局可以為不同終端的用戶提供更加舒適的界面和更好的用戶體驗,而且隨著目前大屏幕移動設備的普及,用大勢所趨來形容也不為過。
簡單來說就是用這套技術,只管把功能堆放在網頁上,然后用戶可以隨意改變瀏覽器的大小,在拖動改變瀏覽器大小的同時,網頁跟隨著一起變化,簡直太科學了,我來找個網址,大家體驗一下響應式網頁的感覺
https://www.qifeiye.com/
隨便搜了一個,并沒有廣告的意思哈,拖動瀏覽器,在改變瀏覽器尺寸的同時,網站內容就在跟隨著變化,以前改變窗口大小以后再用滾動條調整內容位置的問題就沒有了,一直在網站最中間的位置,太科學了,哈哈哈哈