根據(jù)你要做的產(chǎn)品圖或banner圖，外面的div要設(shè)置寬度高度里面的圖片再設(shè)置 width100% heightauto；ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10， userscalable=0， minimumscale=10， maximumscale=10quot ltmeta name=quotapplemobilewebappcapablequot content=quotyesquot ltmeta name=quot；p首先你要在html頁面頭部加上下面的代碼viewportquot，不懂可以百度content=quot，一些小的模塊可以用固定尺寸meta ， name=quot再就是css中要應(yīng)用到媒體查詢，不能不用固定尺寸lt，其次你要把頁面中的寬度修改為百分比。

于是，很早就有人設(shè)想，能不能”一次設(shè)計，普遍適用”，讓同一張網(wǎng)頁自動適應(yīng)不同大小的屏幕，根據(jù)屏幕寬度，自動調(diào)整布局layout一了解什么是”自適應(yīng)網(wǎng)頁設(shè)計”自從2010年，Ethan Marcotte提出了 “自適應(yīng)網(wǎng)頁設(shè)計”；3 移動布局自適應(yīng)不同屏幕的幾種方式 1響應(yīng)式布局 2100%布局彈性布局3等比縮放布局rem4 你們做移動端平時在什么瀏覽器上測試Chrome，Safari，微信X5，UC，其他手機(jī)自帶瀏覽器 5 說說移動端是；aaawidth1200px 正常樣式 下面是分辨率最小為300px，最大分辨率為1024px的樣式 media screen and minwidth 300px and maxwidth1024px aaawidth375px 可以參考菜鳥教程CSS3 @medi；王者調(diào)節(jié)屏幕自適應(yīng)方法1首先打開手機(jī)上的設(shè)置，可以在桌面上找到設(shè)置并點擊進(jìn)入2然后進(jìn)入設(shè)置之后，上下滑動頁面，找到顯示設(shè)置功能3接著點擊進(jìn)入顯示設(shè)置之后，找到屏幕刷新率功能進(jìn)入設(shè)置手機(jī)刷新率。

前端怎么設(shè)置手機(jī)端頁面高度自適應(yīng) 那高度你就不要去賦值了，不用寫高度不就是高度自適應(yīng)內(nèi)容嗎，如果你想的是高度和屏幕高度一樣，那就設(shè)置成100%HTML5里面怎樣自動適應(yīng)手機(jī)屏幕的高度 1通過設(shè)置viewport參數(shù) 2使用css；這篇文章主要介紹了HTML5 移動頁面自適應(yīng)手機(jī)屏幕四類方法總結(jié)，非常具有實用價值，需要的朋友可以參考下1使用meta標(biāo)簽viewportH5移動端頁面自適應(yīng)普遍使用的方法，理論上講使用這個標(biāo)簽是可以適應(yīng)所有尺寸的屏幕的，但是各設(shè)備。

ltmeta name=quotviewportquot content=quotinitialscale=05， maximumscale=05， minimumscale=05， userscalable=noquotinitialscale 初始的縮放比例minimumscale 允許用戶縮放到的最小比例maximumscale 允許用戶；4用同一個賬號在另一個手機(jī)上登錄向日葵遠(yuǎn)程控制主控端，主控端在APP應(yīng)用商城都可以下載主控端登錄之后刷新會出現(xiàn)你的在線手機(jī)，點擊在線手機(jī)選擇進(jìn)入桌面控制輸入訪問密碼即可鏈接成功5鏈接成功你的主控的手機(jī)；用以下代碼開頭lt！DOCTYPE HTMLlthtmlltheadltmeta charset=quotutf8quotltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=1quot 使用百分比定義寬度CSS代碼可以適當(dāng)使用media only screen and max。

下面是圖片不失真但不保證是否完全鋪滿留有空隙或者超出屏幕的css代碼1橫向鋪滿，縱向留有空隙或超出屏幕bodybackgroundurl圖片路徑norepeatcenterbackgroundsize100%auto 2縱向鋪滿，橫向留有空隙或；1，輸入positionfixedtop0left0將整個div固定在屏幕的頂部和左側(cè)2輸入width100％height100％min－width1000px這個可以適合div的高度和寬度，而min－width是為了實現(xiàn)讓屏幕寬度在1000px以內(nèi)時；只有內(nèi)嵌css有效，外部css會出現(xiàn)拉伸的情況，所以有兩種方案 var myCanvas = quotltcanvas id=#39myCanvas#39 width=#39quot + screenavailWidth + quotpx#39 height=#39quot+ screenavailHeight + quotpx#39ltvanvasquot。

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