1、1首先，下載安裝WebEditorLite，這個(gè)直接在手機(jī)應(yīng)用商店中搜索就行，如下，大概也就431K2安裝完成后，打開(kāi)這個(gè)軟件，主界面如下，主要分為3部分，分別是“NewFile新建文件”“OpenFile打開(kāi)文件”和“AboutAPP。

2、= rem + quotpxquot媒體查詢 媒體查詢正是為解決網(wǎng)頁(yè)適應(yīng)手機(jī)屏幕媒體查詢的功能就是為不同的“媒體”設(shè)置不同的css樣式，頁(yè)面尺寸，設(shè)備屏幕尺寸等，比如我們要為寬度小于480px的頁(yè)面中的class=quoticonquot。

3、html文件可以用手機(jī)瀏覽器打開(kāi)從本質(zhì)上來(lái)說(shuō)，Internet 互聯(lián)網(wǎng)是一個(gè)由一系列傳輸協(xié)議和各類文檔所組成的集合，html文件只是其中的一種這些HTML文件存儲(chǔ)在分布于世界各地的服務(wù)器硬盤上，通過(guò)傳輸協(xié)議用戶可以遠(yuǎn)程獲取這。

4、解決方案1p首先你要在html頁(yè)面頭部加上下面的代碼viewportquot，不懂可以百度content=quot，一些小的模塊可以用固定尺寸meta ， name=quot再就是css中要應(yīng)用到媒體查詢，不能不用固定尺寸lt，其次你要把頁(yè)面中的寬度。

5、1200px 正常樣式 下面是分辨率最小為300px，最大分辨率為1024px的樣式 media screen and minwidth 300px and maxwidth1024px aaawidth375px 可以參考菜鳥教程CSS3 @media 查詢。

6、1通過(guò)設(shè)置viewport參數(shù) 2使用css3中的縮放 兩種方法都需要獲取當(dāng)前屏幕大小然后根據(jù)網(wǎng)頁(yè)寬度來(lái)計(jì)算縮放比例，然后進(jìn)行縮放但是因?yàn)槟壳笆謾C(jī)種類繁多，瀏覽器種類也很多，所以每種方法各自都有不少的問(wèn)題ltltspanmeta name。

7、可以打開(kāi)現(xiàn)在安卓手機(jī)和蘋果手機(jī)都支持html文件的打開(kāi)，通過(guò)手機(jī)自帶的瀏覽器或者用戶自行下載瀏覽器，即可打開(kāi)手機(jī)的html文件html文件里主要的是代碼，手機(jī)瀏覽器也可以對(duì)其執(zhí)行html代碼，但可能顯示完全推薦用戶使用電腦。

8、在手機(jī)上不能固定寬度，要按百分比寫頁(yè)面寬度才能自適應(yīng)設(shè)備主要是這兩點(diǎn)，當(dāng)然細(xì)節(jié)上面還有很多和PC端不一樣的地方指向文件錯(cuò)誤，比如你的網(wǎng)頁(yè)文件在A，但是你卻指向了B你把指向的文件放到網(wǎng)頁(yè)文件內(nèi)在試試如果。

9、用以下代碼開(kāi)頭lt！DOCTYPE HTMLlthtmlltheadltmeta charset=quotutf8quotltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=1quot 使用百分比定義寬度CSS代碼可以適當(dāng)使用media only screen and max。

10、方案四判斷手機(jī)版系統(tǒng)版本，應(yīng)用原生CSSoverflowyscroll 3 移動(dòng)布局自適應(yīng)不同屏幕的幾種方式 1響應(yīng)式布局 2100%布局彈性布局3等比縮放布局rem4 你們做移動(dòng)端平時(shí)在什么瀏覽器上測(cè)試Chrome。

11、應(yīng)該是沒(méi)用適配好吧，多檢查代碼，是否適配了所以尺寸，寬度用rem最好。

12、3如果你想要實(shí)現(xiàn)完美適配，可以做三個(gè)設(shè)備，寬度均為640，高度可設(shè)置為1040iPhone6 plus1008iPhone5s和大部分Android手機(jī)832iPhone4s1HTML5的設(shè)計(jì)目的是為了在移動(dòng)設(shè)備上支持多媒體新的語(yǔ)法特征被。

13、1響應(yīng)式設(shè)計(jì)需要做的有很多技術(shù)和技巧，和做電腦端網(wǎng)頁(yè)一樣，響應(yīng)式開(kāi)發(fā)需要div等元素就可以自動(dòng)適應(yīng)屏幕大小，就是在設(shè)置每個(gè)元素屬性的時(shí)候要用百分比，最好不要用px 2當(dāng)下響應(yīng)式布局設(shè)計(jì)需要使用HTML5技術(shù)和CSS3技術(shù)。

14、css部分，只需要兼容webkit內(nèi)核的就可以了 也就是用谷歌瀏覽器做測(cè)試要考慮windows phone的話 就在加寫一種兼容寫法咯html標(biāo)簽這部分其實(shí)就按pc端的正常標(biāo)簽寫就可以了 圖片，ui 這個(gè)很重要了，因?yàn)楝F(xiàn)在的手機(jī)分辨率高。

15、機(jī)響應(yīng)式布局，是獲取屏幕尺寸，在某個(gè)區(qū)間用一種css，另個(gè)區(qū)間用另一種css需要用@media寫多份css的無(wú)法做到真正的隨屏幕變化而變化而meta name=quotviewportquot content=quotwidth=devicewidthquot 的用法是隨著屏幕的。