PC居中布局，所有樣式使用絕對寬度高度px，設(shè)計一個Layout，在屏幕寬高有調(diào)整時，使用橫向和豎向的滾動條來查閱被遮掩部分移動設(shè)備另外建立移動網(wǎng)站，單獨設(shè)計一個布局，使用不同的域名如wap或m在移動端開發(fā)中。

在實際應(yīng)用中，pc頁面需要實現(xiàn)響應(yīng)式的比例縮放即自適應(yīng)，rem靈活布局是一種現(xiàn)實而理想的解決方案移動端可以用rem布局，也可以用px主要是flex，這要看產(chǎn)品是怎么設(shè)計的Css3規(guī)定1rem的大小是根元素lthtml的字體。

1固定寬度布局為網(wǎng)頁設(shè)置一個固定的寬度，通常以px做為長度單位，常見于PC端網(wǎng)頁2流式布局為網(wǎng)頁設(shè)置一個相對的寬度，通常以百分比做為長度單位3柵格化布局將網(wǎng)頁寬度人為的劃分成均等的長度，然后排版布局。

電腦顯示比例調(diào)整到100%步驟如下1在桌面上右鍵單擊并選擇“顯示設(shè)置”2滾動屏幕向下，并單擊“高級顯示設(shè)置”3滾動下來到“縮放和布局”部分，選擇“比例”并將其調(diào)整為“100%”4單擊“應(yīng)用”并重啟電腦。

首先說下移動端的布局rem布局rem是指html元素上的字體大小對應(yīng)的像素數(shù)值，使用rem為長度單位理想情況下如果將所有的長度單位都用rem標示，那么我只需要更改html上的fontsize即可同步按比例更改所有長度單位包括。

2百分比布局 通過百分比單位，可以使得瀏覽器中組件的寬和高隨著瀏覽器的高度的變化而變化，從而實現(xiàn)響應(yīng)式的效果Bootstrap就是一個好的拓展3rem布局 rem是css3新增的單位，rem單位都是相對于根元素html的fontsize來。

2流式布局 流式布局使用的是百分比，這位網(wǎng)頁提供了很強的可塑性和流動性，與固定寬度布局基本不同點 就在于對網(wǎng)站尺寸的側(cè)量單位不同屏幕分辨率變化時，頁面里元素的大小會變化而但布局不變，這可能導(dǎo)致如果屏幕太大。