2014-06-27 96 views
0

有沒有辦法在調整響應式網站大小的同時防止重新繪製屏幕?阻止重新調整大小的屏幕

我想有一個負責任的網站,但我不喜歡調整屏幕(媒體斷裂,瞬間消失,文字包裝(真難看))

我希望有當所涉及的廉價動畫一種告訴瀏覽器只在調整大小已停止或某些類似解決方案時重新繪製屏幕的方法。

是否有?

+0

你能舉幾個例子,我不知道弄清楚爲什麼媒體沒有做到這一點 – CMPS

+0

是的請給更多的例子。另外,你是否使用Twitter Bootstrap? (或其他任何類似的東西)。它處理響應式設計非常好。 – antoniovassell

回答

0

否。當您更改任何DOM元素(包括body)的大小時,所有瀏覽器都會「迴流」(即重新繪製)該頁面。即使包含沒有明確大小的img元素,頁面也會在加載圖像時重排。

您可以在此閱讀更多詳細信息:

When does reflow happen in a DOM environment?

0

,如果你想防止重繪設置一個計時器,這樣的事情可能會幫助

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); 

    }