1、WEB應(yīng)用的頁面，表格的表現(xiàn)形式是常常遇到的，在列數(shù)有限的前提下，如何將各列中的內(nèi)容自適應(yīng)到不同分辨率的屏幕，這應(yīng)該是一個比較容易遇到的問題，下面就來談一談我對這類問題的解決與看法將所有列設(shè)置為固定寬度，顯然；html動態(tài)設(shè)置根字體大小頁面字體使用rem單位可根據(jù)屏幕大小自適應(yīng)1新建remjs文件 functiondoc， win let docEl = docdocumentElement，#160 #160 resizeEvt =#39orientationchange#39 in window ？#39orientationchang；1在HTML頭部增加viewport標簽在網(wǎng)站HTML文件的開頭，增加viewport meta標簽告訴瀏覽器視口寬度等于設(shè)備屏幕寬度，且不進行初始縮放代碼如下ltmeta name=quotviewportquotcontent=quotwidth=devicewidth，initialscale=1quot 這段；pgetattribute數(shù)據(jù)你好psetattribute數(shù)據(jù)你好，這是一個重新分配jquery p數(shù)據(jù)你好獲取 p數(shù)據(jù)你好，設(shè)置設(shè)置 html5設(shè)置圖片自適應(yīng)屏幕寬度使用百分比，比如 這樣就會保持屏幕的50%的寬度如果有上。

2、圖片自適應(yīng)，且不超過原始大小，需要設(shè)置最大寬度，代碼如下img width100% maxwidth100%改進功能 瀏覽器首次使用時，根據(jù)用戶顯示分辨率大小決定是否默認顯示收藏欄打開多個標簽關(guān)閉瀏覽器時，提示用戶確認搜索；自適應(yīng)手機屏幕代碼ltmeta name=quotviewportquot content=quotwidth=devicewidthquotltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10， minimumscale=10， maximumscale=10， userscalable=noquot 首。

3、上面的代碼意思是，如果屏幕寬度小于400像素maxdevicewidth 400px，就加載tinyScreencss文件ltlink rel=quotstylesheetquot type=quottextcssquotmedia=quotscreen and minwidth 400pxand maxdevicewidth 600pxquot；當屏幕寬度小于768px手機時，將圖片換為小圖，并在div里生成img標簽，img的寬高隨窗口變化而變化，包裹img的div也隨之變化 1打開代碼編輯器1html代碼的編寫3css代碼的編寫4js的代碼編寫5在移動端手指；以下幾種方式1css把寬度設(shè)置成百分比，width100%左右布局按一定比例設(shè)置好 ，需要多次調(diào)試，保證不同分辨率下的美觀性2根據(jù)不同分辨率或者不同屏幕大小定義相應(yīng)的CSS文件一般多采用這種方式比如ltlink rel=quot；網(wǎng)頁自適應(yīng)布局是指網(wǎng)頁能夠根據(jù)不同的設(shè)備和屏幕尺寸，自動調(diào)整布局和字體大小，以適應(yīng)不同的瀏覽環(huán)境下面介紹網(wǎng)頁自適應(yīng)布局的三個要點#xF4F1viewport元標簽在網(wǎng)頁代碼的頭部，加入一行viewport元標簽viewport是網(wǎng)頁默認的寬度和高度，上面；1，輸入positionfixedtop0left0將整個div固定在屏幕的頂部和左側(cè)2輸入width100％height100％min－width1000px這個可以適合div的高度和寬度，而min－width是為了實現(xiàn)讓屏幕寬度在1000px以內(nèi)時。

4、05 在HTML文件中加上對樣式文件的引用，返回文件夾，雙擊HTML文件，發(fā)現(xiàn)瀏覽器的變化會引著圖片一起變化，自適應(yīng)屏幕的大小。

5、頭部要加的是這個，放在ltheadlthead標簽里，這是初始化手機屏幕的ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10， maximumscale=10， userscalable=noquot 你寫的這段是要放在所有css；css如何讓圖像的大小自適應(yīng)屏幕在平板上和手機上都能自適應(yīng)無論是電腦還是手機，要做到自適應(yīng)屏幕，其實都是一樣的首先，在網(wǎng)頁代碼的頭部，加入一行viewport標簽metaname=quotviewportquotcontent=quotwidth=devicewidth CSS字體自。

6、使用百分比，比如 lt img src=#39aipg#39style=#39width50%#39 這樣就會保持屏幕的50%的寬度如果有上級標簽，比如ltdiv lt img src=#39aipg#39style=#39width50%#39 ltdiv 那圖片大小就是div寬度的50%；這篇文章主要介紹了HTML5 移動頁面自適應(yīng)手機屏幕四類方法總結(jié)，非常具有實用價值，需要的朋友可以參考下1使用meta標簽viewportH5移動端頁面自適應(yīng)普遍使用的方法，理論上講使用這個標簽是可以適應(yīng)所有尺寸的屏幕的，但是各設(shè)備；建議如果是小白的話，要不然不會自適應(yīng)屏幕大小的，只要你編寫的html代碼符合html5規(guī)則就行html5不是轉(zhuǎn)化的，建議你看一下html5標簽文檔 解決方案3看你之前是怎么做的，最好都調(diào)整成百分比的，這樣最省事。