做響應(yīng)式網(wǎng)站需要注意哪些問(wèn)題?
發(fā)布時(shí)間:2021-03-25來(lái)源:admin
1.將網(wǎng)頁(yè)設(shè)置為百分比布局<br />
當(dāng)瀏覽器的寬高發(fā)生改變時(shí),通過(guò)百分比單位可以讓瀏覽器的組件的寬高隨著瀏覽器的變化而變化,從而實(shí)現(xiàn)響應(yīng)式的布局<br />
2.流動(dòng)布局<br />
流動(dòng)布局是指各個(gè)區(qū)塊的位置浮動(dòng),不是固定不變的<br />
這樣做的好處是,如果寬度太小,放不下兩個(gè)元素,后面的元素會(huì)自動(dòng)滾動(dòng)到前面元素的下方不會(huì)在水平方向溢出,避免了水平滾動(dòng)條的出現(xiàn),大大提升了用戶的閱讀體驗(yàn)。<br />
3.用rem替換px<br />
px是絕對(duì)單位,頁(yè)面按精確像素展示<br />
rem是相對(duì)單位,他是相對(duì)于根節(jié)點(diǎn)html的字體大小來(lái)計(jì)算,從而實(shí)現(xiàn)響應(yīng)式網(wǎng)站。<br />
4.圖片自適應(yīng)<br />
基于寬度百分比,將所屬div寬度用百分比固定,然后讓圖片自適應(yīng)div的寬度和高度<br />
基于媒體查詢(xún):創(chuàng)建一個(gè)媒體查詢(xún),媒體查詢(xún)將檢測(cè)瀏覽器窗口的大小,從而根據(jù)寬度選擇css樣式<br />
聯(lián)系方式: 0755-84185494