1、頁(yè)面右擊，有檢查或?qū)彶樵刂惖倪x項(xiàng)，點(diǎn)了之后在左上角有個(gè)手機(jī)標(biāo)志，點(diǎn)了之后再刷新頁(yè)面，就是以手機(jī)方式瀏覽頁(yè)面了，不同瀏覽器方法不同，但大致是這樣；給你介紹一個(gè)js很好的框架我前一個(gè)項(xiàng)目就用這個(gè)bootstrappad端，手機(jī)端，電腦端都能很好的兼容；首先是高度，確定之后就是750*高度，高度3個(gè)可選，默認(rèn)250高；代碼適配和自適應(yīng)都是在原網(wǎng)址中給用戶展現(xiàn)手機(jī)版面，其中代碼適配是識(shí)別不同的訪問(wèn)設(shè)備類型生成不同的html，而自適應(yīng)是根據(jù)屏幕尺寸以不同方式進(jìn)行呈現(xiàn)，html代碼是相同的這三者的制作難易程度分別是代碼適配自適應(yīng)跳轉(zhuǎn)；可能是因?yàn)槭謾C(jī)瀏覽器沒(méi)有開啟強(qiáng)制縮放網(wǎng)頁(yè)1在手機(jī)瀏覽器界面中，點(diǎn)擊底部四點(diǎn)2在展開的選項(xiàng)中，點(diǎn)擊設(shè)置3在展開的設(shè)置界面中，點(diǎn)擊瀏覽設(shè)置4在瀏覽設(shè)置界面中，將強(qiáng)制縮放網(wǎng)頁(yè)開啟即可；用以下代碼開頭lt！DOCTYPE HTMLlthtmlltheadltmeta charset=quotutf8quotltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=1quot 使用百分比定義寬度CSS代碼可以適當(dāng)使用media only screen and max。

2、機(jī)響應(yīng)式布局，是獲取屏幕尺寸，在某個(gè)區(qū)間用一種css，另個(gè)區(qū)間用另一種css需要用@media寫多份css的無(wú)法做到真正的隨屏幕變化而變化而meta name=quotviewportquot content=quotwidth=devicewidthquot 的用法是隨著屏幕的；var rem = htmloffsetWidth 64 = rem + quotpxquot媒體查詢 媒體查詢正是為解決網(wǎng)頁(yè)適應(yīng)手機(jī)屏幕媒體查詢的功能就是為不同的“媒體”設(shè)置不同的css樣式，頁(yè)面尺寸，設(shè)備屏幕尺寸等，比如我們要為；4然后，我們可以看到下面有很多參數(shù)選項(xiàng)，選擇“MODEL”即可 5選擇后，下方會(huì)有quotResolutionquot會(huì)自動(dòng)填充，意思是手機(jī)分辨率，如果你的手機(jī)型號(hào)不在其內(nèi)，自己寫分辨率尺寸也可以的 6然后看頁(yè)面內(nèi)容變化，已縮小成手機(jī)模式；移動(dòng)端，分辨率相差太大，做一個(gè)尺寸，然后等比縮放，可能不能適應(yīng)所有分辨率這時(shí)候，就需要設(shè)計(jì)多種分辨率了安卓開發(fā)就是多種分辨率，對(duì)應(yīng)多套素材html5方面，cocos做了多分辨率的適應(yīng)，開發(fā)者只需要關(guān)注設(shè)計(jì)尺寸就可以；方法步驟 15打開圖庫(kù)，點(diǎn)擊相冊(cè)上的圖片25在要打印圖片底部點(diǎn)一下，點(diǎn)菜單35點(diǎn)擊打印，點(diǎn)擊45點(diǎn)擊紙張尺寸，選ISOA455那么紙張大小就為了A4大小 1單擊左下角“開始”菜單，找到“設(shè)置”選項(xiàng)，進(jìn)入。

3、A疏遠(yuǎn)距離比如，所有元素距離手機(jī)屏幕最左邊的距離B親密距離比如，左邊圖標(biāo)與右邊文字之間的距離1iPhone6手機(jī)模型尺寸429x881px 2界面尺寸布局滿屏尺寸375x667px 3高度電量條高度20px，導(dǎo)航欄高度44px；傳統(tǒng)桌面web頁(yè)面布局通常是定寬布局，但是定寬布局的方式對(duì)移動(dòng)端卻不適用，原因手機(jī)屏幕尺寸大小各異，定寬布局可能在某些手機(jī)上出現(xiàn)橫向滾動(dòng)條，導(dǎo)致閱讀效果比較差 為了讓手機(jī)有更好的網(wǎng)頁(yè)瀏覽體驗(yàn)，蘋果引入了viewport，為頁(yè)面提供了一個(gè)；手機(jī)畫布尺寸答案是手機(jī)屏幕的畫布尺寸是55英寸同時(shí)手機(jī)屏幕的大小還和屏幕的長(zhǎng)寬比有關(guān)，同樣的對(duì)角線長(zhǎng)度169的長(zhǎng)寬比和43的長(zhǎng)寬比，屏幕大小是不一樣的同時(shí)知道了對(duì)角線長(zhǎng)度和長(zhǎng)寬比，就可以根據(jù)勾股定理很。

4、這個(gè)的話就是你手機(jī)的主題默認(rèn)，或者就是你的字體大小有改變；1，輸入positionfixedtop0left0將整個(gè)div固定在屏幕的頂部和左側(cè)2輸入width100％height100％min－width1000px這個(gè)可以適合div的高度和寬度，而min－width是為了實(shí)現(xiàn)讓屏幕寬度在1000px以內(nèi)時(shí)。