Javascript 屏幕分辨率检测器将浏览器置于无休止的刷新状态-为什么？

我一直在为我的公司做登录页(http://apptest.wgsdac.org/ctc_parts). 我使用javascript代码来检测用户的屏幕分辨率，并相应地自动重定向。代码如下：

<script type="text/javascript">
if (screen.width>1279){
 window.location="index.html";
}
else
{
 window.location="index_1024.html";
}
</script>

如果（屏幕宽度>1279）{
window.location=“index.html”；
}
其他的
{
window.location=“index_1024.html”；
}

问题在于，当页面加载并计算并满足第一个条件时，代码工作正常。因此，我更改屏幕分辨率以触发第二个条件-刷新页面时，浏览器进入持续刷新循环

代码有问题吗，还是我做错了？谢谢你的帮助

---

谢谢。

因为它加载的是同一个页面，上面有代码，并且一直在说，是的，我在那个范围内并加载了它

---

为什么有两个单独的页面？根据不同的宽度使用不同的样式

我很好奇为什么需要两个不同的页面以获得不同的分辨率，你能解释CSS中的这些差异吗？你不能制作一个既能兼容大屏幕又能兼容小屏幕的布局吗？或者使用JS检测大小，以便在屏幕上适当地放置内容，就像smashingmagazine.com的布局一样？伙计们，谢谢你们的评论。我对CSS没有太多经验，这就是我决定采用这种方法的原因。但我仍在学习，所以也许我能想出如何通过CSS做到这一点。不管怎样，谢谢你的建议。我仔细阅读了你建议的那一方，并研究了媒体查询。我不得不稍微修改一下我的内容，但还是设法让它发挥作用。再次感谢。