rem自適應(yīng)布局適合用于pc端嗎？PC端用rem首先要用resize()函數(shù)把平常用的remjs包含起來，因為手機(jī)屏幕寬度固定，而pc端可以改變?yōu)g覽器窗口大小。另外pc端一般不用rem主要是對低版本瀏

rem自適應(yīng)布局適合用于pc端嗎？

PC端用rem首先要用resize()函數(shù)把平常用的remjs包含起來，因為手機(jī)屏幕寬度固定，而pc端可以改變?yōu)g覽器窗口大小。

前端開發(fā)中px，em，rem這些單位有哪些不同之處？

1、px是固定像素，無法適應(yīng)流布局，一般高度以px設(shè)置，web app版寬度以使用rem。2、em是指相對于父元素的字體大小的單位 ；因為它是相對于父元素的字體大小的單位，那如果你要設(shè)置一個元素的寬度，高度，那么就得去看他父級的大小，如果父級也是em單位，你又得去找他的父級，得一層層計算，才能得到準(zhǔn)確的像素值。

3、rem的出現(xiàn) 使很多 移動端的自適應(yīng)得到了改變，因為 rem是指相對于根元素的字體大小的單位；只要根據(jù)屏幕大小設(shè)置Html根上的font-size大小，以rem為單位的元素大小會相應(yīng)改變。

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

放大縮小不改變排版，這一般是指前端的響應(yīng)式技術(shù)。

當(dāng)然，響應(yīng)式技術(shù)也有一定的界限范圍的。如果將電腦端的網(wǎng)頁，縮小放到手機(jī)端也不改變排版，這樣出來的效果會很差。

響應(yīng)式技術(shù)核心是通過媒體查詢，實現(xiàn)一套設(shè)計，適配不同尺寸的屏幕。在尺寸的某個區(qū)間內(nèi)，其排版不變，而超出區(qū)間，則排版發(fā)生改變。

如果確實希望怎樣縮小放大排版均不會發(fā)生變化，直接使用百分比布局即可，不需要額外的技術(shù)，但用戶體驗肯定不夠好。

為什么很多web項目還是使用px，而不是rem？

早些年移動端剛開始盛行的時候，為了移動端網(wǎng)頁能夠適配不同尺寸的手機(jī)屏幕，淘寶某前端大佬寫了一段適配的js，叫做flexible，可在github搜索到。原理很簡單，好像就是根據(jù)手機(jī)分辨率和dpi(具體不記得了)，動態(tài)設(shè)置根源素html的fontsize，然后頁面元素大小都以rem來做單位。因為1rem=html的fontsize。

后來有了vw和vh，慢慢的很多項目都用vw來做適配了，100vw=100%的寬度。因為兼容性不是很好，所以一直沒有就行起來。

nodejs出現(xiàn)以后，前端工程化開始了。出現(xiàn)了pxtorem，pxtoviewport等插件，我們可以在開發(fā)的時候按照ui標(biāo)注的px大小直接寫，在打包的時候，插件會幫助我們把px計算轉(zhuǎn)化為rem或者vw。

我現(xiàn)在都用vw。不考慮兼容性。有需要兼容ie的公司，我看都不看一眼。[捂臉]

HTML5手機(jī)端頁面縮放問題應(yīng)該如何解決？

做一個h5移動端項目首先要做好適配

一般在h5頭部聲明一下。

<meta name="viewport" content="width=device-width， initial-scale=1， user-scalable=no， minimum-scale=1.0， maximum-scale=1.0">

上面的意思就是寬度為屏幕的寬度，縮放比例是1，不允許調(diào)整縮放比例，最小縮放比例是1，最大縮放比例是1.

然后配合rem來適配各種手機(jī)的類型。

1.利用rem跟vw來做適配

2.利用rem跟根元素的font-size適配

我選擇的是第二種，動態(tài)計算html根元素的font-size然后配合rem使用?？梢约嫒莞鞣N手機(jī)。