html頁(yè)面自適應(yīng) html5 Canvas如何自適應(yīng)屏幕大?。?/h1>
你可以用JS監(jiān)視屏幕大小,然后調(diào)整畫(huà)布的大小。添加JS$(窗口)。Resize(resizecanvas)函數(shù)resizecanvas(){畫(huà)布.attr(“width”,$(window.get(0
你可以用JS監(jiān)視屏幕大小,然后調(diào)整畫(huà)布的大小。添加JS$(窗口)。Resize(resizecanvas)函數(shù)resizecanvas(){畫(huà)布.attr(“width”,$(window.get(0).innerWidth)畫(huà)布.attr(“height”,$(window.get(0).innerHeight)上下文.fillRect(0, 0, 畫(huà)布寬度(), 畫(huà)布高度())}調(diào)整畫(huà)布大?。ǎ?。
html5 Canvas如何自適應(yīng)屏幕大???
Meta name=“viewport”content=“width=device width,initial scale=1.0,minimum scale=0.5,maximum scale=2.0,user scale=yes”/>通過(guò)在頁(yè)面中添加上述語(yǔ)句,頁(yè)面寬度可以自動(dòng)適應(yīng)手機(jī)屏幕的寬度。其中:width=device width:表示寬度是設(shè)備屏幕的寬度;initial scale=1.0:表示初始比例;minimum scale=0.5:表示最小比例;maximum scale=2.0:表示最大比例;user scale=yes:表示用戶是否可以調(diào)整比例。