你可以用JS監(jiān)視屏幕大小，然后調(diào)整畫布的大小。添加JS$（窗口）。Resize（resizecanvas）函數(shù)resizecanvas（）{畫布.attr（“width”，$（window.get（0

你可以用JS監(jiān)視屏幕大小，然后調(diào)整畫布的大小。添加JS$（窗口）。Resize（resizecanvas）函數(shù)resizecanvas（）{畫布.attr（“width”，$（window.get（0）.innerWidth）畫布.attr（“height”，$（window.get（0）.innerHeight）上下文.fillRect(0， 0， 畫布寬度()， 畫布高度（））}調(diào)整畫布大?。ǎ?。

html5 Canvas如何自適應(yīng)屏幕大??？

[effect

]圖像會(huì)自動(dòng)展開和收縮，不會(huì)超過屏幕寬度

[principle

]CSS控制圖像的最大寬度

[Code

]例如，可以直接在圖像代碼中設(shè)置樣式

或者為圖像指定一個(gè)統(tǒng)一的類名，如response img，然后在中設(shè)置類CSS文件，例如

最大寬度：100%

}]

html5怎么讓圖片自適應(yīng)？

使用百分比，例如

保持屏幕寬度的50%。

如果有高級標(biāo)簽，例如：

圖像大小為div寬度的50%。如果div沒有設(shè)置寬度，它將默認(rèn)為屏幕寬度。如果設(shè)置了寬度，就要注意兩種

1。設(shè)置viewport參數(shù)

2。使用CSS3中的縮放兩種方法都需要得到當(dāng)前屏幕的大小，然后根據(jù)頁面的寬度計(jì)算縮放比例，然后進(jìn)行縮放。但目前手機(jī)和瀏覽器種類繁多，每種方法都有各自的問題。&Ltmeta name=“viewport”content=“width=device width，initial scale=1.0，minimum scale=0.5，maximum scale=2.0，user scale=yes”/>通過在頁面中添加上述語句，頁面寬度可以自動(dòng)適應(yīng)手機(jī)屏幕的寬度。其中：width=設(shè)備寬度：表示寬度是設(shè)備屏幕的寬度。初始比例=1.0：表示初始比例。最小刻度=0.5：表示最小刻度。最大刻度=2.0：表示最大刻度。用戶比例=是：表示用戶是否可以調(diào)整比例