1，輸入positionfixedtop0left0將整個div固定在屏幕的頂部和左側2輸入width100％height100％min－width1000px這個可以適合div的高度和寬度，而min－width是為了實現讓屏幕寬度在1000px以內時，di。

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

這篇文章主要介紹了HTML5 移動頁面自適應手機屏幕四類方法總結，非常具有實用價值，需要的朋友可以參考下1使用meta標簽viewportH5移動端頁面自適應普遍使用的方法，理論上講使用這個標簽是可以適應所有尺寸的屏幕的，但是各設備。

style=#39width50%#39 這樣就會保持屏幕的50%的寬度如果有上級標簽，比如ltdiv lt img src=#39aipg#39style=#39width50%#39 ltdiv 那圖片大小就是div寬度的50%，div沒有設置寬度就會默認是屏幕寬度，如果設置。

可以使用延遲加載的方式來加載，在實際加載圖片之前先用js檢查窗口寬度，然后加載不同分辨率的圖片，比如寬度lt=480，就加載80px寬度的圖片，480 lt 寬度 lt= 768，加載120px的圖片， 寬度 768則加載160px的圖片。

效果圖片自動伸縮，不會超過屏幕寬度原理css控制圖片的maxwidth代碼要么直接在圖片代碼里面設置style要么給圖片統(tǒng)一一個class名。

試用裝一些自適應的框架來做自適應的網頁是最簡單的，如bootstrap等框架 如何去設計一個自適應的網頁設計或HTMl5 一自適應網頁設計 自從2010年，Ethan Marcotte提出了 “自適應網頁設計”Responsive Web Design這個名詞，指可以自動識別。

attrquotheightquot， $windowget0innerHeight contextfillRect0， 0， canvaswidth， canvasheight resizeCanvas就可以了ltcanvas 標簽只是圖形容器，您必須使用腳本來繪制圖形。

只有內嵌css有效，外部css會出現拉伸的情況，所以有兩種方案 var myCanvas = quotltcanvas id=#39myCanvas#39 width=#39quot + screenavailWidth + quotpx#39 height=#39quot+ screenavailHeight + quotpx#39ltvanvasquot。

ltstyle type=quottextcssquot html fontsize 42px ltstyle4 按照設計圖的像素進行開發(fā) 按照正常網頁開發(fā)流程，進行網頁開發(fā)即可5 使用百分比和rem替換px 代碼效果對比*使用固定像素*box。

這樣你看，不管你是用普通的img元素，還是用html5畫布，都可以自適應瀏覽器窗口的分辨率關于作圖大小的問題要看你的需求，如果需要全部可見，那么你作圖的尺寸上限就不能超過屏幕可見范圍，如果可以使用scroll卷軸來瀏覽，那么。

平方米，建筑面積5000平方米園林面積為7000平方米ltdiv 注這里極力推薦使用html5的canvas標簽，使用傳統(tǒng)的img標簽經試驗有一系列問題，小編暫時沒找到可自適應的簡便方法。

方法給圖片設為backgroundimage，加上backgroundsize 100%。

你這些設置了可以縮放，一般情況下移動端的是這樣的，有時候還需加上這個至于你說的背景問題，你可以通過設置一個盒子為width100%height100%然后把圖片放在這個盒子里面，然后設置圖片自適應盒子displayblock。

八圖片的自適應fluid image除了布局和文本，地自適應網頁設計地還必須實現圖片的 自動縮放這只要一行CSS代碼img maxwidth 100% 這行代碼對于大多數嵌入網頁的視頻也有效，所以可以寫成img， object。

1打開HTML5網頁代碼2在網頁頭部加上新代碼，讓網頁的寬度自適應設備的寬度代碼如下ltmeta name=quotviewportquot content=quotwidth=devicewidth initialscale=10 maximumscale=10 minimumscale=10 userscalable。