1樓：黑馬程式設計師
1、rem介紹
rem（font size of the root element）是指相對於根元素（即html元素）的字型大小的單位。
假設根元素的字型大小是10px, 則5rem的大小為 5*10=50px,例如
2、rem來做適配
以前我們往往這樣做頁面：viewport width 設定為 device-width，然後選我們需要相容裝置的最小寬度（一般是320px）。根據這最小寬度來做頁面。
單位使用px和百分比。在寬度不同的裝置上，頁面的字型大小，內容尺寸都是一樣的，不同的是，大屏的內容間的空隙比小屏的大。所以這樣做的缺點就是，頁面在某些尺寸的裝置上顯示的效果不好。
如果用rem來頁面，我們會根據不同的裝置寬度在根元素上設定不同的字型大小。寬度越寬，字型越大。然後對原本使用px的地方使用rem來替換。
這樣，字型大小，內容尺寸，對隨著螢幕寬度的變大而變大。
3、具體做法
1 根據不同的裝置寬度在根元素上設定不同的字型大小。
我一般會設定1rem為1/10螢幕寬度。**如下
2 做頁面時
我一般會將設計稿縮小至寬度為320px（切圖示時，還是按照原圖來切）。在上一步中，1rem為1/10螢幕寬度。因此，px與rem的轉化為 1px = 1 / 320 * 10rem。
如果使用sass可以用如下的轉化**
3 然後，在其他檔案中,類似如下進行呼叫
4 生成的css
2樓：寄出一片海
!new function(),a.changepage=function(),a.
changepage(),window.addeventlistener("resize",function(),!1)};
引入這段js**，設計圖的750px = 7.5rem 。記得在css設定預設字型大小 body
手機端網頁設計尺寸多少，移動端web在設計時寬度尺寸是多少合適
要根據不同手機不同的螢幕解析度來規定尺寸。一般做效果圖主流都是做480 800來測試，iphone4 或s 就用640 960，但這個都只是效果圖，真正開發還需要切圖用點9來做螢幕適配。常見手機顯示屏解析度 96x65，96x96，128x96，128x128，160x128，160x160，176...
怎樣自學web前端開發？web前端開發怎麼學？
1樓 悠悠盪盪的洋 自學確實是個方法，但是自學比較困難。很多人都敗在了自學的路上，堅持不下去。最好還是找個機構系統性的學習會比較好，我們當地就有比較好的機構，聽過馬上要開課了。web前端開發怎麼學？2樓 且聽風吟看風景 web前端入門簡單，非常適合零基礎小白去學的。想學好web前端，怎麼少得了一份學...
移動前端開發和Web前端開發的區別是什麼
貼吧問問，cgwang吧有web前端的。移動前端開發和 web 前端開發的區別是什麼 千鋒教育 移動開發如果是開發webview頁面，那和web前端幾乎沒差別，現在無論移動端和web端都強調自版適應。權甚至在web端一次開發的網頁，都可以在移動端完美display，用的比較多的是bootstrap柵...