那圖片大小就是p寬度的50%，p沒有設(shè)置寬度就會默認(rèn)是屏幕寬度，如果設(shè)置了寬度，就要注意 目前有哪些大公司用HTML5做網(wǎng)站HTML5自適應(yīng)網(wǎng)站是現(xiàn)在的主流，也可能是未來N年的主流公司企業(yè)HTML5自適應(yīng)網(wǎng)站模板可以用千博h。

1輸入位置固定top0左0將整個div固定在屏幕的頂部和左側(cè)2輸入寬度100%身高100%最小寬度1000像素這個可以適合div的高度和寬度，而minwidth是在屏幕寬度在1000px以內(nèi)的情況下，保持div的大小不變。

那圖片大小就是div寬度的50%，div沒有設(shè)置寬度就會默認(rèn)是屏幕寬度，如果設(shè)置了寬度，就要注意。

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

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

如果通過css設(shè)置背景圖，那么圖片尺寸要足夠大，目前大寬屏1920左右，所以寬度最好設(shè)置為1920，然后居中如果通過div嵌入圖片，那么將此div設(shè)置成絕對定位，zindex1萬維網(wǎng)上的一個超媒體文檔稱之為一個頁面外語。

html5中是通過css3的backgroundsize來控制自適應(yīng)的直接在圖片代碼里面設(shè)置style，例如ltimg src=quotxxxjpgquot style=quotmaxwidth100%quot2要么給圖片統(tǒng)一一個class名例如responseimg，然后在css文件里面設(shè)置這個class h。

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

myCanvassetAttributequotheightquot， screenavailHeightmyCanvassetAttributequotidquot， quotmyCanvasquotmyCanvas兩種方案的共性都是在把元素添加進(jìn)DOM前設(shè)置他的大小 估計是沒分了，給后人看吧。

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

該背景圖片全屏且自適應(yīng)的方法是設(shè)置背景圖像尺寸設(shè)置背景圖像位置設(shè)置背景圖像重復(fù)1設(shè)置背景圖像尺寸使用CSS的backgroundsize屬性，將其設(shè)置為cover，使背景圖像始終覆蓋整個元素區(qū)域，無論其大小如何變化2設(shè)置。

分析設(shè)計圖 假設(shè)設(shè)計圖大小為1080px這也就意味著，在開發(fā)時，需要兼容的最大分辨率為1080px，最小的為320px2 調(diào)整視口 代碼實(shí)例lt！DOCTYPE htmllthead ltmeta charset=quotUTF8quot lttitle布局之路移動。

分析如下1頁面大的時候它也變大但是大到它本身的尺寸的時候，再擴(kuò)大頁面它就不大了設(shè)置最大寬高為圖片的寬高~代碼如下ltdiv style=quotmaxwidth395px maxwidth744pxquotltimg src=quotimageszs_img01gifquot。

1首先用dw編輯器建立了一個靜態(tài)頁面 2將建好的靜態(tài)頁命名為csshtml，標(biāo)題為了“css如何設(shè)置圖片大小自適應(yīng)”3在body中添加兩個div，設(shè)置不能的寬度，并設(shè)class 為div1和div2，目的是用一樣的css控制圖片的寬度在。

對，ps出來的沒法和web自適應(yīng)可以做幾張不同大小的圖片，通過識別顯示器的分辨率自動顯示不同大小的圖片來實(shí)現(xiàn)自適應(yīng)。

首先你要在html頁面頭部加上下面的代碼，其次你要把頁面中的寬度修改為百分比，不能不用固定尺寸，一些小的模塊可以用固定尺寸再就是css中要應(yīng)用到媒體查詢，也就是@media，不懂可以百度ltmeta name=quotviewportquot content=。

ifimgWidthreWidth p=imgWidthreWidthcHeight=MathfloorimgHeightpobjwidth=reWidthobjheight=cHeight ltscript 調(diào)用 ltimg src=quot圖片地址quot onload=quotreSizeImgthis，200quot。