一、圖片的展示椭岩，由于各個(gè)手機(jī)的像素不一致茅逮、導(dǎo)致圖片為1倍圖的話會(huì)比較模模糊、建議使用2至3倍圖簿煌。
例如：寬高100X100,則使用200X200
二氮唯、移動(dòng)端布局建議使用Flex布局進(jìn)行適配。
三姨伟、使用zoom進(jìn)行手機(jī)端頁(yè)面大小動(dòng)態(tài)適配惩琉，對(duì)頁(yè)面進(jìn)行縮放。
// 首先我們要?jiǎng)討B(tài)適配夺荒，需要綁定 window.onresize 事件瞒渠，監(jiān)聽窗口的變化。
// 1.構(gòu)寫縮放函數(shù)
const calculateZoom= () => {
// document.body.clientWidth / 375 拿到縮放比技扼，設(shè)置頁(yè)面的zoom伍玖，375是設(shè)計(jì)圖的寬度，可根據(jù)情況自行調(diào)整
setZoom(document.body.clientWidth / 375);
};
// 2.react生命周期調(diào)用該方法,vue項(xiàng)目可替換相關(guān)生命周期
useEffect(() => {
calculateZoom(); // 進(jìn)入頁(yè)面調(diào)用一次
window.onresize = () => { // 監(jiān)聽窗口變化剿吻、計(jì)算縮放比
calculateZoom();
};
}, [])
// 3.設(shè)置當(dāng)前頁(yè)zoom縮放窍箍，或者全局，根據(jù)項(xiàng)目需求自行決定
<div style={{ zoom: zoom }}></div>
// 4.當(dāng)適配完畢后丽旅，如設(shè)計(jì)寬高為375椰棘，在web端會(huì)相關(guān)放大，可通知媒體查詢榄笙，強(qiáng)制設(shè)置為寬375邪狞、zoom為1
@media only screen and (min-width: 750px) {} // 750px~無(wú)線大
