解決方案1:
設定如下:
html,body
這樣高度首先不會寫死,而且滿足最小高度是滿屏
解決方案2:
可以用vh和vw來布局。100vh和100vw就是你裝置的高度和寬度。先把外面盒子固定下來，所有的盒子的高度加起來等於100vh剛好佔滿一屏這樣就不會有空白。像你這種盒子比較少的可以用js獲取裝置的高度和寬度，然後用js設定盒子的高度，加起來等於你裝置的高度就可以了。字型大小用rem表示。相對於根字型的大小。這是移動端布局的一些做法。
解決方案3:
html,body
body
*
body
H5及H5頁面是什麼意思？如何製作H5頁面？
h5是html5的簡稱。html5是html最新的修訂版本，是一種超文字標記語言。h5有兩大特點 首先，強化了 web 網頁的表現效能。其次，追加了本地資料庫等 web 應用的功能。第二步 選擇 高階模式 點 建立應用。第三步 進入製作頁面。九個控制項，通過點選新增到製作介面，控制項的選擇使用按照你...
h5頁面開發
相信大家在做h5頁面開發的時候，也會遇到一些問題。筆者將h5開發過程中常見的一些問題和解決辦法列舉出來，有需要的朋友可以參考一下。1.安卓瀏覽器看背景，有些裝置會模糊。同等比例的在pc端頁面和移動手機端頁面的解析度差很多，原因和devicepixelratio有關。手機解析度比pc端的解析度小，按照...
h5頁面的寫法 移動端h5頁面寫法
1.頁面寬度320，所有元素尺寸設一半 缺點 不自能適應全屏 2.頁面寬度640，元素尺寸正常 暫未發現問題 3.頁面寬度640，js控制自適應全屏 adaptuilayout.adapt initviewportwidth 缺點 qq空間分享後點開頁面套在qq預設瀏覽器裡有相容性問題 4.rem寫...