防止在调整大小时重绘屏幕

Question

在调整响应式网站大小时，有没有办法防止屏幕重绘？

我想有一个响应式的网站，但我不喜欢在调整屏幕大小时涉及的廉价动画(媒体中断，即时消失，文本换行(真的很难看))

我希望有一种方法可以告诉浏览器只有在调整大小停止或类似的解决方案时才重新绘制屏幕。

在那里吗?

Answer 1

不是的。当您更改任何DOM元素(包括body )的大小时，所有浏览器都会“回流”(即重画)页面。即使包含没有显式大小的img元素，页面在加载图像时也会回流。

您可以在此处阅读更多详细信息：

When does reflow happen in a DOM environment?

Answer 2

如果你想防止重画，设置一个计时器，这样可能会有帮助

    var timeoutHandler;
    var startet=false
    resize=function(){
           clearTimeout(timeoutHandler);
           if(!startet){
              startet=true;
             //get body pixel width
             //get body pixel height;
             //save css width value 
             //save css height value
             //set body width= width pixel value;
             //set body height= height pixel value;
           }
            timeoutHandler=setTimeout(function(){
                 //restore css values
                  startet=false;
            },100);

    }