近日，做了乙個wap端企業展示官網，遇到乙個問題，該需求如下：
需求：在首頁所有內容只有乙個背景，所有內容都呈現在該背景上，如圖所示：
頁面結構如下：
<如下問題：body
>
<
div
class
="container"
>
div>
body
>
1、在瀏覽器中拖拽到底部後會出現留白，目測留白大小與瀏覽器自帶搜尋框高度，當搜尋框顯示在瀏覽器上時頁面顯示正常，當頁面滑動到底部，搜尋框消失後，頁面底部會多出搜尋框大小的留白面積。
2、在不同的手機上顯示背景高度不同，有的手機螢幕較長，一屏背景無法完全滿屏，底部會留出空白部分。
解決辦法：
利用js解決，當頁面全部載入完成後再去判斷windows的高度,背景放在 body::before 中。
幾種常見手機的wap瀏覽器指標
nokia 7110ericsson r320ricsson r380p.browser card 最大位元組數 1397 位元組 3000 位元組 3800 位元組 1492 位元組 圖象最大位元組數 1397 位元組 3000 位元組?3800 位元組?1492 位元組?顯示行數 4 含標題行 ...
手機瀏覽器頁面知識收集
wap手機網頁css wap css 大部分手機現在都支援xhtml瀏覽器，這意味著我們只需在stylesheets的型別設定成 handheld 即 position static important float none important 因為現行的手機的螢幕限制，沒有太多的空間去漂移,故提倡...
JS判斷手機瀏覽器是橫屏or豎屏
用到手機上，不可避免，還需要知道 手機上現在是橫屏還是豎屏 看到文章 判斷手機橫豎屏狀態 function hengshuping if window.orientation 90 window.orientation 90 window.addeventlistener onorientation...