1想要網(wǎng)頁(yè)寬度自適應(yīng)，需要把網(wǎng)頁(yè)元素寬度設(shè)置為百分比，還要在網(wǎng)頁(yè)頭部加上代碼 2圖片自適應(yīng)，且不超過(guò)原始大小，需要設(shè)置最大寬度，代碼如下imgwidth100% maxwidth100%；或者 當(dāng)頁(yè)面中圖片非常多，且要求每張圖片的大小依據(jù)其父容器來(lái)固定怎么辦可以使用maxweightimg maxweight100% 這樣圖片會(huì)自動(dòng)縮放到和其父容器等寬；這種情況用CSS來(lái)控制最合適例如你想讓初始圖片顯示為100px*100px，則 或者 當(dāng)頁(yè)面中圖片非常多，且要求每張圖片的大小依據(jù)其父容器來(lái)固定怎么辦可以使用maxweightimg maxweight100% 這樣圖片會(huì)自動(dòng)縮放到。

用js吧，我都用的js控制圖片大小的 ltSCRIPT lt！ documentgetElementById#39zd#39innerHTML = #39#39function picresizeobj，MaxWidth，MaxHeight objonload=nullimg=new Imageimgsrc=objsrcif img；4創(chuàng)建frame窗口并顯示5通過(guò)addComponentListener方法監(jiān)聽(tīng)窗口變化6在監(jiān)聽(tīng)窗口變化的方法中我們可以，每次窗口變換就刪除jlable組件，并通過(guò)frame的getSize方法獲得窗口大小設(shè)置為圖片的寬高，然后再重新添加jlable組件顯示；1輸入位置固定top0左0將整個(gè)div固定在屏幕的頂部和左側(cè)2輸入寬度100%身高100%最小寬度1000像素這個(gè)可以適合div的高度和寬度，而minwidth是在屏幕寬度在1000px以內(nèi)的情況下，保持div的大小不變；今天通過(guò)收集整理，把我常用的方法貼出來(lái)，希望能對(duì)需要的同行朋友有點(diǎn)幫助~~首稱貼一段js代碼var Image = function SetMiddleimage， height 重設(shè)圖片大小后讓圖片相對(duì)于DIV居中if typeofimage == #39st；這篇文章主要介紹了微信小程序?qū)崿F(xiàn)image組件圖片自適應(yīng)寬度比例顯示的方法，簡(jiǎn)單講述了image組件的常用屬性，并結(jié)合實(shí)例形式分析了微信小程序?qū)崿F(xiàn)圖片自適應(yīng)寬度比例的相關(guān)操作技巧，需要的朋友可以參考下本文實(shí)例講述了微信小程序?qū)崿F(xiàn)；function img_zoome， o 圖片鼠標(biāo)滾輪縮放 var zoom = parseInt， 10 100zoom += eventwheelDelta 12if zoom 0 = zoom + #39%#39return false lt%if mo。

可以用JS監(jiān)控屏幕大小，然后調(diào)整Canvas的大小在代碼中加入JS windowresizeresizeCanvas function resizeCanvas canvasattrquotwidthquot， $windowget0innerWidth canvasattrquotheightquot， $window；以下是代碼片段screenwidth500=screenwidth500quot 4CSS控制圖片大小 1 css2直接實(shí)現(xiàn) imgmaxwidth 500px IE暫不支持2 expression實(shí)現(xiàn) imgwidthexpressionwidth500？quot500pxquotw；JS function reSizeImgobj，reWidth ifobjreadyState==quotcompletequot var imgWidth=objoffsetWidthvar imgHeight=objoffsetHeightifimgWidthreWidth p=imgWidthreWidthcHeight=MathfloorimgHeightp；想要網(wǎng)頁(yè)寬度自適應(yīng)，需要把網(wǎng)頁(yè)元素寬度設(shè)置為百分比，還要在網(wǎng)頁(yè)頭部加上代碼圖片自適應(yīng)，且不超過(guò)原始大小，需要設(shè)置最大寬度，代碼如下img width100% maxwidth100%改進(jìn)功能 瀏覽器首次使用時(shí)，根據(jù)用戶顯；2為img標(biāo)簽單獨(dú)設(shè)置“width”或“height”屬性，屬性值為寬度或者高度，這時(shí)圖片的寬度將變成設(shè)置的寬度，高度將會(huì)按原比例進(jìn)行縮放 3同時(shí)為img標(biāo)簽設(shè)置“width”和“height”屬性，這時(shí)圖片的大小將會(huì)完全按照設(shè)置的大小。

如果標(biāo)簽是div就寫div，然后可以設(shè)置寬度和高度5如圖所示，在new_filehtml里面寫上這個(gè)就可以設(shè)置背景圖片的大小了；myCanvassetAttributequotheightquot， screenavailHeightmyCanvassetAttributequotidquot， quotmyCanvasquotmyCanvas兩種方案的共性都是在把元素添加進(jìn)DOM前設(shè)置他的大小 估計(jì)是沒(méi)分了，給后人看吧；單獨(dú)的圖片控制，用這個(gè)代碼如下 var abc=documentgetElementByIdquotabcquotvar imgs=abcgetElementsByTagNamequotimgquotfor var i=0，gg=imgsii++gonload=functionif thiswidth300；懸賞一個(gè)啊 調(diào)用這個(gè)方法即可讓圖片自適應(yīng)容器 參數(shù)說(shuō)明，obj 圖片id，pw容器寬度，ph 容器高度 調(diào)用實(shí)例，如imgLoad#39img1#39，200，300function imgLoadobj，pw，ph var w=documentgetElementByIdobj。