最近在找移動(dòng)web頁(yè)面布局的資料,但是時(shí)不時(shí)看到rem 和 flex布局;
Flexbox是不是也叫彈性布局,rem不就是很了解,rem是不是對(duì)web app布局使用的,rem布局
和flex布局
有什么區(qū)別;
現(xiàn)在移動(dòng)web頁(yè)面還用流式布局
嗎?
哪一種布局使用率比較高一點(diǎn);
閉關(guān)修行中......
flexbox就是彈性盒,用來(lái)布局就是彈性布局咯;
一般這倆連起來(lái)用比較方便,flexbox負(fù)責(zé)處理頁(yè)面布局,然后上rem搞定一些flexbox照顧不到的地方;
rem單獨(dú)用的話也可以,但是它只是負(fù)責(zé)處理尺寸的適配問題(相當(dāng)于解決“伸縮布局”的“伸縮”),布局還是要上傳統(tǒng)布局的;
rem的大小取決于html節(jié)點(diǎn)的font-size大小,用的時(shí)候先按照設(shè)計(jì)稿的大小計(jì)算出一套rem值,然后在css里加入不同的媒體適配斷點(diǎn)和對(duì)應(yīng)的font-size,實(shí)現(xiàn)伸縮;
也是新手,如果答案里有不對(duì)的地方,請(qǐng)指正;歡迎交流~
1.flexbox 叫彈性盒模型;rem既可以在移動(dòng)端也可以在PC端使用,移動(dòng)端更適合
2.rem是根據(jù)根HTML的字體大小進(jìn)行計(jì)算的
3.flex和rem 布局一般在移動(dòng)端開發(fā)中一般都會(huì)同時(shí)使用,優(yōu)勢(shì)很明顯,就是能更好的解決屏幕適配問題
微信掃碼
關(guān)注PHP中文網(wǎng)服務(wù)號(hào)
QQ掃碼
加入技術(shù)交流群
Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號(hào)