如何做好一份前端工程師的簡(jiǎn)歷呢？JS里如何做一個(gè)網(wǎng)頁(yè)，放大縮小不會(huì)改變排版？放大和縮小不會(huì)改變布局，這通常指的是前端響應(yīng)技術(shù)。當(dāng)然，響應(yīng)技術(shù)也有一定的局限性。如果把電腦端的網(wǎng)頁(yè)縮小到手機(jī)端而不改變布局

如何做好一份前端工程師的簡(jiǎn)歷呢？

JS里如何做一個(gè)網(wǎng)頁(yè)，放大縮小不會(huì)改變排版？

放大和縮小不會(huì)改變布局，這通常指的是前端響應(yīng)技術(shù)。

當(dāng)然，響應(yīng)技術(shù)也有一定的局限性。如果把電腦端的網(wǎng)頁(yè)縮小到手機(jī)端而不改變布局，效果會(huì)很差。

響應(yīng)技術(shù)的核心是通過(guò)媒體查詢(xún)實(shí)現(xiàn)一套設(shè)計(jì)，以適應(yīng)不同尺寸的屏幕。在一定的尺寸范圍內(nèi)，排版不會(huì)改變，但超過(guò)這個(gè)范圍，排版就會(huì)改變。

如果您真的想縮小和放大布局，它不會(huì)改變。您可以直接使用百分比布局而無(wú)需附加技術(shù)，但用戶(hù)體驗(yàn)肯定不夠好。

小程序rpx是怎么實(shí)現(xiàn)自適應(yīng)的？

Rem是近年來(lái)流行的一種方案，淘寶移動(dòng)網(wǎng)絡(luò)終端采用Rem方案。因?yàn)?rem=根元素字體大小，REM布局的本質(zhì)是通過(guò)按REM的比例劃分頁(yè)面來(lái)實(shí)現(xiàn)自適應(yīng)效果，因?yàn)镽EM是相對(duì)的根路徑字體大小。不同的頁(yè)面設(shè)置有不同的字體大小，可以達(dá)到自適應(yīng)的效果。