沒錯，這在移動端中是不會有任何毛病的，但在pc端上就會出現(xiàn)一些異常，瀏覽器往往并不會根據(jù)1rem = 10px去計算你頁面上的大小，而是以1rem = 12px 或者是1rem = 16px去計算，這是因為在pc端的瀏覽器中默認的最小。

首先，你的問題很含糊，適應(yīng)屏幕，是要做pc端的適配還是手機端的適配呢其次，要達到怎么樣的適配效果呢不同效果有不同的方案1如果只是一般的希望盒子能在不同窗口大小中正常比例顯示，建議對最外層使用js動態(tài)布局。

自適應(yīng) 當(dāng)屏小于1050時隱藏 加如下代碼media screen and maxwidth 1050px slide display btn display 注意slide和#btn改成你自己的class名和ID名不用謝，求采納。

目的因為libflexible的源碼是針對移動端的設(shè)計方案，我們要實現(xiàn)PC的自適應(yīng)所以屏幕尺寸也要更換3在mainjs中引入我們剛修改過的flexiblejs文件因為我們更改了源碼，所有我們需要引入我們改過的文件4在。

現(xiàn)在主要是采用自適應(yīng)來解決高度，寬度的，以及圖片自適應(yīng)問題，下面就PC端和移動端來總結(jié)一下，通常進行自適應(yīng)高度和寬度，圖片時，一般與頁面的布局存在關(guān)系 1最小尺寸分辨率1024 768傳統(tǒng)17寸顯示器，則可以采用。

@media screen and minwidth360pxbody，input，selectfontsize1575px 當(dāng)瀏覽器的寬度大于360px的時候就是1575px文字大小，這樣的話，表格里面的內(nèi)容就可以完整的顯示具體的代碼還需要你自己來寫。

1是通過百分比來控制寬度2可以通過塊狀元素自動占滿父級的寬度的特性來實現(xiàn) PS當(dāng)然還有一些方法，比如css3的flexbox布局，用flex布局的話，非常的方便可以實現(xiàn)多種自適應(yīng)布局，但是，只適用于移動端，PC端上面只有高。

pc端設(shè)計稿是2560自適應(yīng)其他屏幕的方法最好使用百分比來設(shè)置使用插件libflexiblejs 可以自動計算屏幕的寬度，從而設(shè)置相的html的fontsize根據(jù)html的fontsize來設(shè)置元素的大小寬高設(shè)計稿是多少我們就設(shè)置多少這個。

web讓圖片在盒子中自適應(yīng)方法一打開Dreamweaver，然后選中html，出來了一個html標(biāo)準(zhǔn)文檔二在標(biāo)簽里添加文件路徑，語法如下這時，頁面雖然充滿了背景，但可以看出背景圖片被填充了多次三在里添加樣式，代碼如下你看。

注意熱門市場這里，雖然每一個方塊的寬度是隨著斷點變化的，但是左上角的標(biāo)簽和里面長方形的白色區(qū)域在所有的屏幕下都是定寬度的，但是也可以完美的適應(yīng)不同的屏幕3然后在css中 有關(guān)margin和padding屬性直接用百分比來表示。

手機的屏幕比較小，寬度通常在600像素以下PC的屏幕寬度，一般都在1000像素以上，有的還達到了2000像素同樣的內(nèi)容，要在大小迥異的屏幕上，都呈現(xiàn)出滿意的效果，并不是一件容易的事在網(wǎng)頁代碼的頭部，加入一行viewport元。

第二種方法是寫兩套代碼，pc端和移動端分開來寫，然后再通過添加js獲取屏幕的分辨率或者通過獲取用戶設(shè)備來來進行判斷用戶是在什么設(shè)備上打開，然后根據(jù)條件來打開頁面 這樣做的好處是兩套代碼分開來，維護方便，移動端。

在css樣式中給圖片設(shè)置寬度width100%記住不能直接用像素值，這樣隨著屏幕分辨率的不同寬度始終等于屏幕的寬度，高度也會隨著寬度的改變而改變，如有疑問可繼續(xù)追問，如沒有疑問請采納，謝謝。

1寬度由百分比控制2它可以通過塊元素自動占據(jù)父元素寬度的特性來實現(xiàn)PS當(dāng)然也有一些方法，比如css3的flexbox布局使用flex布局，可以非常方便地實現(xiàn)各種自適應(yīng)布局但是，它只適用于移動終端只有PC端的高版本瀏覽。

解釋響應(yīng)式布局是如何實現(xiàn)的有幾種方法可以實現(xiàn)它1本機代碼實現(xiàn)目前國內(nèi)設(shè)計網(wǎng)頁時，一般分為PC端和移動端兩套頁面但是在一定的情況下，必須滿足只設(shè)計一個頁面，不同的端口都可以正常使用因此，將使用自適應(yīng)。

PC端用rem首先要用resize函數(shù)把平常用的remjs包含起來，因為手機屏幕寬度固定，而pc端可以改變?yōu)g覽器窗口大小另外pc端一般不用rem主要是對低版本瀏覽器的兼容性問題，比如從ie9才開始支持rem，但是只是部分支持ie11才。