Html onresize重新加载问题_Html_Css

Html onresize重新加载问题

html css

Html onresize重新加载问题,html,css,Html,Css,我把这个代码： <!DOCTYPE html>   <!--[if IE 8]> &

我把这个代码：

<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<link href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed' rel='stylesheet' type='text/css'>  
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Abbey Test</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/style.css">


</head>
<script src="js/libs/modernizr-2.5.3.min.js"></script>

<![if !IE]> <body onresize="document.location=window.location";> <![endif]>
<!--[if IE]> <body onresize="window.location.reload()"> <![endif]-->

<script type="text/javascript">
(function() {
var config = {
  kitId: 'dlv2pds',
  scriptTimeout: 3000
};
var h=document.getElementsByTagName("html")[0];h.className+=" wf-loading";var t=setTimeout(function(){h.className=h.className.replace(/(\s|^)wf-loading(\s|$)/g," ");h.className+=" wf-inactive"},config.scriptTimeout);var tk=document.createElement("script"),d=false;tk.src='//use.typekit.net/'+config.kitId+'.js';tk.type="text/javascript";tk.async="true";tk.onload=tk.onreadystatechange=function(){var a=this.readyState;if(d||a&&a!="complete"&&a!="loaded")return;d=true;clearTimeout(t);try{Typekit.load(config)}catch(b){}};var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(tk,s)
})();
</script>


<body onload="draw();">


阿贝试验
（功能（）{
变量配置={
kitId:'dlv2pds'，
脚本超时：3000
};
var h=document.getElementsByTagName（“html”）[0]；h.className+=“wf inactive”}，config.scriptTimeout；var t=setTimeout（function（）{h.className=h.className=h.className.replace（/（\s |^）wf loading（\s |$）/g，”）；h.className+=“wf inactive”}，config.scriptTimeout）；var tk=document.createElement（“脚本”），d=false；tk.src='///use.typekitk.net/'+config.kitId+.js=“true”；tk.onload=tk.onreadystatechange=function（）{var a=this.readyState；if（d | a&&a！=“complete”&&a！=“loaded”）返回；d=true；clearttimeout（t）；尝试{Typekit.load（config）}catch（b）{}；var s=document getElementsByTagName（“脚本”）[0]；s.parentNode.insertBefore（tk，s）
})();

在一个HTML5页面中，我正在制作一个chrome窗口大小调整问题的补偿。这会导致IE不断重新加载。我试图使这个页面响应，但我遇到了问题的实质

谢谢

我认为问题在于你应该让第一个

没有任何条件，因为它们不会在浏览器

！=

IE中解释

编辑

重新思考您的问题（即显示两个

标记：/）后，您应该尝试这种方法

<!--[if IE]>    <body onresize="window.location.reload()"> <![endif]-->
<!--[if !IE]><!--> <body onresize="document.location=window.location";> <!--<![endif]-->

摘自HTML5样板文件；）

在@Schnaars评论后编辑
您的站点正在重新加载，因为您正在调用
window.location.reload（）
[]每次调整窗口大小时（每次加载页面时都会调用
resize
事件）。您将其放入IE条件中，这就是它不断重新加载的原因。您可能希望在页面调整时重新绘制“某物”，只需调用
onresize=“draw（）”
类似的

旁注：使用或类似的库将使事件处理和其他事情更容易；）
在实际页面上，您是否按照要求在条件语句之前关闭HEAD元素？我刚刚更新了上面的代码。其他浏览器会将
条件解释为简单的HTML注释，以便显示
和我想你可能是对的，但我替换了我的代码，浏览器仍在继续重新加载。你的代码中有三个（！）标记（两个为Codinational，一个为onload=“” ，同时将脚本移动到或之间。