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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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