1、可以用JS監(jiān)控屏幕大小，然后調(diào)整Canvas的大小在代碼中加入JS windowresizeresizeCanvas function resizeCanvas canvasattrquotwidthquot， $windowget0innerWidth canvasattrquotheightquot， $window；1，輸入positionfixedtop0left0將整個(gè)div固定在屏幕的頂部和左側(cè)2輸入width100％height100％min－width1000px這個(gè)可以適合div的高度和寬度，而min－width是為了實(shí)現(xiàn)讓屏幕寬度在1000px以?xún)?nèi)時(shí)；一自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì) 自從2010年，Ethan Marcotte提出了 “自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)”Responsive Web Design這個(gè)名詞，指可以自動(dòng)識(shí)別屏幕寬度并做出相應(yīng)調(diào)整的網(wǎng)頁(yè)設(shè)計(jì)他制作了一個(gè) 范例，里面是福爾摩斯歷險(xiǎn)記六個(gè)主人公的；p數(shù)據(jù)你好，設(shè)置設(shè)置 html5設(shè)置圖片自適應(yīng)屏幕寬度使用百分比，比如 這樣就會(huì)保持屏幕的50%的寬度如果有上級(jí)標(biāo)簽，比如那圖片大小就是p寬度的50%，p沒(méi)有設(shè)置寬度就會(huì)默認(rèn)是屏幕寬度，如果設(shè)置了寬度，就要注意；HTML頁(yè)面何適應(yīng)不同分辨率的顯示器可以通過(guò)響應(yīng)式布局自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)等方法1響應(yīng)式布局設(shè)計(jì)響應(yīng)式布局可以為不同終端的用戶(hù)提供更加舒適的界面和更好的用戶(hù)體驗(yàn)，響應(yīng)式布局就是實(shí)現(xiàn)不同屏幕分辨率的終端上瀏覽網(wǎng)頁(yè)的。

2、這就算是感應(yīng)式設(shè)計(jì)了，也就是本文說(shuō)的“屏幕自適應(yīng)”由于設(shè)備分辨率不同，長(zhǎng)寬比不同，如果設(shè)計(jì)一次，就要適應(yīng)所有的屏幕包括PC，這個(gè)幾乎是不可能的主要有以下三種情況1 如果等比例縮放，內(nèi)部位置關(guān)系會(huì)發(fā)生變化。

3、頭部要加的是這個(gè)，放在ltheadlthead標(biāo)簽里，這是初始化手機(jī)屏幕的ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10， maximumscale=10， userscalable=noquot 你寫(xiě)的這段是要放在所有css；在網(wǎng)頁(yè)的中增加以上這句話(huà)，可以讓網(wǎng)頁(yè)的寬度自動(dòng)適應(yīng)手機(jī)屏幕的寬度其中width=devicewidth 表示寬度是設(shè)備屏幕的寬度 initialscale=10表示初始的縮放比例 minimumscale=05表示最小的縮放比例 maximumscale=；使用百分比，比如 lt img src=#39aipg#39style=#39width50%#39 這樣就會(huì)保持屏幕的50%的寬度如果有上級(jí)標(biāo)簽，比如ltdiv lt img src=#39aipg#39style=#39width50%#39 ltdiv 那圖片大小就是div寬度的50%；這樣你看，不管你是用普通的img元素，還是用html5畫(huà)布，都可以自適應(yīng)瀏覽器窗口的分辨率關(guān)于作圖大小的問(wèn)題要看你的需求，如果需要全部可見(jiàn)，那么你作圖的尺寸上限就不能超過(guò)屏幕可見(jiàn)范圍，如果可以使用scroll卷軸來(lái)瀏覽，那么；而且如果一個(gè)網(wǎng)站有多個(gè)portal入口，會(huì)大大增加架構(gòu)設(shè)計(jì)的復(fù)雜度于是，很早就有人設(shè)想，能不能”一次設(shè)計(jì)，普遍適用”，讓同一張網(wǎng)頁(yè)自動(dòng)適應(yīng)不同大小的屏幕，根據(jù)屏幕寬度，自動(dòng)調(diào)整布局layout；html5中自動(dòng)適應(yīng)手機(jī)屏幕高度的方法使用meta標(biāo)簽，這也是一種常用的方法metaname=viewportcontent=width=devicewidth，initialscale=10，minimumscale=10，maximumscale=10，userscalable=no解釋該標(biāo)簽的含義Heigh。

4、在css中定義一個(gè)控制embed的div樣式， 自適應(yīng)可以利用的浮動(dòng)元素的尺寸可以通過(guò)margin來(lái)調(diào)整，然后讓body的高度要設(shè)為100%，這樣內(nèi)部的div的高度設(shè)為100%才有效，寬度嘛不用管他，div默認(rèn)就是自適應(yīng)寬度的 東莞匯鑫；所有終端的顯示尺寸自適應(yīng)網(wǎng)站常用的尺寸有三種，且適用于所有終端的顯示尺寸自適應(yīng)網(wǎng)站指的是網(wǎng)頁(yè)通過(guò)不同尺寸不同終端設(shè)備訪(fǎng)問(wèn)可以自適應(yīng)顯示，根據(jù)屏幕大小寬度自動(dòng)調(diào)整布局，自適應(yīng)也可以叫響應(yīng)式，是HTML5新技術(shù)。

5、HTML網(wǎng)頁(yè)的開(kāi)發(fā)中，需要對(duì)大小不一的屏幕兼容，使圖片在不同的設(shè)備中可以展示預(yù)期的效果自適應(yīng)屏幕的寬度，利用css中background屬性可以實(shí)現(xiàn) 工具材料 瀏覽器，文本編輯器 新建一個(gè)HTML文件，代碼如下圖 打開(kāi)HTML文件所在；只有內(nèi)嵌css有效，外部css會(huì)出現(xiàn)拉伸的情況，所以有兩種方案 var myCanvas = quotltcanvas id=#39myCanvas#39 width=#39quot + screenavailWidth + quotpx#39 height=#39quot+ screenavailHeight + quotpx#39ltvanvasquot；首先你要在html頁(yè)面頭部加上下面的代碼，其次你要把頁(yè)面中的寬度修改為百分比，不能不用固定尺寸，一些小的模塊可以用固定尺寸再就是css中要應(yīng)用到媒體查詢(xún)，也就是@media，不懂可以百度ltmeta name=quotviewportquot content=。