文章詳情頁
html5 - 移動端布局問題
瀏覽:276日期:2023-01-08 18:31:34
問題描述
一般移動端的頭部和底部導(dǎo)航 是不是都是采用fixed定位
問題解答
回答1:不一定都是fixed布局!有兩種方式去做,一種是用fixed的布局;還有一種是用absolute布局,中間一塊去模擬滾動。兩種方案各有優(yōu)劣,可以自己去查看。手機(jī)淘寶用的第二種方案。
回答2:還有一種實(shí)現(xiàn)方案:flexbox也可以,通過’column’布局也能實(shí)現(xiàn),問題就是flexbox在ios 8.3上有問題ios9以后可以
回答3:目前來講,樓上已經(jīng)說的比較清楚了,現(xiàn)在主流的布局方式一種是fixed一種是absolute,當(dāng)然樓上說的flexbox現(xiàn)在也有人用但是兼容性不是很完美,不過多評價(jià),一般來講大多數(shù)導(dǎo)航用的fixed還是會多一點(diǎn)(因?yàn)楦雍唵沃庇^,但是現(xiàn)在用absolute再來模擬滾動效果也是不錯的~
回答4:可以用fixed,也可以用absolute來布局
標(biāo)簽:
Html5
相關(guān)文章:
1. html5 - datatables 加載不出來數(shù)據(jù)。2. node.js - mongodb查找子對象的名稱為某個值的對象的方法3. 測試自動化html元素選擇器元素ID或DataAttribute [關(guān)閉]4. html5和Flash對抗是什么情況?5. 利用IPMI遠(yuǎn)程安裝centos報(bào)錯!6. javascript - QQ第三方登錄的問題7. 在mac下出現(xiàn)了兩個docker環(huán)境8. 運(yùn)行python程序時出現(xiàn)“應(yīng)用程序發(fā)生異?!钡膬?nèi)存錯誤?9. spring-mvc - spring-session-redis HttpSessionListener失效10. 正在使用electron和node.js做桌面應(yīng)用,需要實(shí)時監(jiān)聽是否有網(wǎng)絡(luò)連接,node或者electron是否可以做到
排行榜

熱門標(biāo)簽
網(wǎng)公網(wǎng)安備