OnLoad和调整大小的CSS休息

当我加载我的网页或当我调整浏览器窗口的大小时，CSS有加载延迟，用户可以看到页面没有格式。这是我的网站：bit.ly/MbyWss OnLoad和调整大小的CSS休息

这是我的代码：

我在HTML CSS原来是estilos_def.css

<body id="body" onresize="start();" onload="start();">

当身体被加载或调整大小我称之为功能开始

var navWidth, navHeight; 
function start(){ 

    if (self.outerWidth != undefined) 
    { 
     navWidth = self.outerWidth; 
     navHeight = self.outerHeight; 
    } else { 
     navWidth = document.documentElement.clientWidth; 
     navHeight = document.documentElement.clientHeight; 
    } 
    //Problema com deteçao de width, resolve-o 

    if(navWidth>=1600){ //1600 - 1920 
     document.getElementById("estA").href="style/estilos_ws.css" 
     document.getElementById("titulo_dias").style.height= "10%"; 

    }else if(navWidth > 1300 && navWidth <1600){ //1300 1600 
     document.getElementById('estA').href="style/estilos_1920.css"; 
     document.getElementById("titulo_dias").style.height= "7%"; 

    }else if(navWidth >= 1024 && navWidth <=1300){ //1024 - 1280 
     document.getElementById("estA").href="style/estilos_def.css" 
     document.getElementById("titulo_dias").style.height= "7%"; 

    } 
    lbeats(); 

    if(navigator.appName =='Microsoft Internet Explorer') 
    { 
     ie(); 
    } 
    document.getElementById("dias").style.display="none"; 
    document.getElementById("gal").style.display="none"; 
}

来源

2012-06-22 Johny tota

首先，在应用更改之前，我会检查它们是否有必要（通过与之前的状态进行比较）。例如，你也可以在'body'标签上动态设置/删除类，这样你就可以使用'body.ie.wide titulo_dias {height：10％}' – biziclop

我相信，你很可能在做的一切的CSS没有任何代码...

但如果是出于某种原因必须的，预加载网页上的所有CSS文件打开，从页面中删除，并在调整大小重新添加所需的将从未下载的缓存中使用。

另一种方法是让所有的样式在一个CSS文件，并让所有的样式绑定分配到身体例如一些类名他们中的每一个，就像这样：

/* Sheet 1*/ 
    .bodySheet1 div.Main {} 
    .bodySheet1 .img1 {} 

    /* Sheet 2*/ 
    .bodySheet2 div.Main {} 
    .bodySheet2 .img1 {} 

    /* Sheet 3*/ 
    .bodySheet3 div.Main {} 
    .bodySheet3 .img1 {}

，而是激活每张纸，只是分配正确的班级姓名

我仍然认为你根本不需要这样做，你可以做到这一切纯粹的CSS没有任何窍门。

来源

2012-06-23 17:51:42 AhHatem

你究竟想用JavaScript来做什么？如果您只是用它来调整网页大小，那么可以很容易地完成这个任务，而不需要任何脚本。

只是这样做在CSS：

body { min-width: /*Smallest window size in pixels that don't mess up page*/px; }

你应该总是避免使用脚本的东西，没有它也可以轻松完成。这减少了加载时间，降低了页面的内存大小，并减少了调试量。

来源

2012-06-23 16:00:08 DrinkJavaCodeJava

OnLoad和调整大小的CSS休息

回答

相关问题