问答详情
源自:5-2 屏幕自适应

老师,想问一下,为何我屏幕自适应这块,浏览器缩小好的,放大了就只能看一半?

http://img3.mukewang.com/5b53487e0001aff315011126.jpg
http://img2.mukewang.com/5b53487e00013bd115011126.jpg

提问者:小小慕a 2018-07-21 22:51

个回答

  • 慕莱坞5033121
    2018-08-01 10:01:01

    你的窗口大小要是用JS设置的话 还要监听一下;

    用 window.onresize = function(){

        var windowWidth = document.documentElement.clientWidth || document.body.clientWidth;

        var windowHeight = document.documentElement.clientHeight || coument.body.clientHeight;

        canvas.width = windowWidth;

        canvas.height = window.Height;

    }

    这样写每次你窗口大小发生变化他都会重新设置一下画布的大小

  • 乱弹琴的web
    2018-07-23 01:49:07

    两种解决方式:

    第1种css中

    html, body{ margin:0; height:100%; }

    第2种js修改

    WINDOW_WIDTH = document.documentElement.clientWidth;

    WINDOW_HEIGHT = document.documentElement.clientHeight;