html頁面自適應 html5 Canvas如何自適應屏幕大小?
你可以用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如何自適應屏幕大小?
Meta name=“viewport”content=“width=device width,initial scale=1.0,minimum scale=0.5,maximum scale=2.0,user scale=yes”/>通過在頁面中添加上述語句,頁面寬度可以自動適應手機屏幕的寬度。其中:width=device width:表示寬度是設備屏幕的寬度;initial scale=1.0:表示初始比例;minimum scale=0.5:表示最小比例;maximum scale=2.0:表示最大比例;user scale=yes:表示用戶是否可以調(diào)整比例。