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

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

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

目的因?yàn)閘ibflexible的源碼是針對(duì)移動(dòng)端的設(shè)計(jì)方案，我們要實(shí)現(xiàn)PC的自適應(yīng)所以屏幕尺寸也要更換3在mainjs中引入我們剛修改過(guò)的flexiblejs文件因?yàn)槲覀兏牧嗽创a，所有我們需要引入我們改過(guò)的文件4在。

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

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

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

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

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

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

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

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

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

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

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

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