有沒有辦法在調整響應式網站大小的同時防止重新繪製屏幕?阻止重新調整大小的屏幕
我想有一個負責任的網站,但我不喜歡調整屏幕(媒體斷裂,瞬間消失,文字包裝(真難看))
我希望有當所涉及的廉價動畫一種告訴瀏覽器只在調整大小已停止或某些類似解決方案時重新繪製屏幕的方法。
是否有?
有沒有辦法在調整響應式網站大小的同時防止重新繪製屏幕?阻止重新調整大小的屏幕
我想有一個負責任的網站,但我不喜歡調整屏幕(媒體斷裂,瞬間消失,文字包裝(真難看))
我希望有當所涉及的廉價動畫一種告訴瀏覽器只在調整大小已停止或某些類似解決方案時重新繪製屏幕的方法。
是否有?
否。當您更改任何DOM元素(包括body
)的大小時,所有瀏覽器都會「迴流」(即重新繪製)該頁面。即使包含沒有明確大小的img
元素,頁面也會在加載圖像時重排。
您可以在此閱讀更多詳細信息:
,如果你想防止重繪設置一個計時器,這樣的事情可能會幫助
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);
}
你能舉幾個例子,我不知道弄清楚爲什麼媒體沒有做到這一點 – CMPS
是的請給更多的例子。另外,你是否使用Twitter Bootstrap? (或其他任何類似的東西)。它處理響應式設計非常好。 – antoniovassell