我進(jìn)第一家公司的時(shí)候厅篓，他們讓我寫的是關(guān)于靜態(tài)頁(yè)面的鋪寫秀存。當(dāng)時(shí)的我想的這有什么難得呀，靜態(tài)頁(yè)面羽氮。我培訓(xùn)的時(shí)候?qū)懥颂嗵嗔嘶蛄矗@不是很簡(jiǎn)單嗎？
我記得當(dāng)時(shí)做的是一個(gè)婚戀的項(xiàng)目档押，要求是能適配pc端和移動(dòng)端澳盐。我想沒啥難度，后來(lái)開始工作令宿，我就用的float和position也就是浮動(dòng)和定位來(lái)寫的叼耙。
當(dāng)我把頁(yè)面給老板看的時(shí)候，老板說(shuō)不行粒没，這也沒自適應(yīng)呀筛婉。然后我就查了查文檔，發(fā)現(xiàn)癞松，自適應(yīng)的方法大概有這么幾種
1.可以給div等一些盒模型寬和高爽撒，但是一定注意要用百分比來(lái)設(shè)置，這樣就可以適應(yīng)分辨率啥的了但是個(gè)人感覺不夠完美和美觀
2.可以通過(guò)設(shè)置man-height? ?min-height的辦法响蓉，最大寬高來(lái)實(shí)現(xiàn)硕勿，同樣的也需要設(shè)計(jì)的是百分比
3.大多數(shù)人會(huì)選擇用element的柵格布局就是也就是 <el-row>和<el-col>這倆屬性，就相當(dāng)于把電腦或者手機(jī)屏幕分為24份xs?sm?md?lg?xl也就是這五個(gè)屬性厕妖，然后五個(gè)屬性后面對(duì)應(yīng)的值的總和不能超過(guò)24不然會(huì)顯示下一行（個(gè)人理解是這樣的）
4.可以用rem布局首尼，來(lái)適配，因?yàn)閞em不是固定的尺寸言秸，但是px是固定的不會(huì)隨著分辨率變化而變化软能，大多是解決字體自適應(yīng)問(wèn)題
5.也可以通過(guò)媒體查詢不同分辨率下使用不同css樣式就ok了（但是會(huì)略顯的有點(diǎn)麻煩）
這五種方法，就是比較常用的自適應(yīng)方法举畸，剛工作的萌新可不要學(xué)我那么做直接浮動(dòng)和定位查排。很容易被開除的
