javascript - 更改站点（文件）但不更改链接

Question

我已经创建了一个站点，但还有另外两个用于不同屏幕分辨率的子站点。例如 index.htm（用于 1080p 分辨率）和 index1.htm（用于 720p 分辨率）。

所以

index.htm 在有人键入 www.mysite.com 时打开

当有人键入 www.mysite.com/index1.htm 或他的屏幕分辨率为 720p 时，index1.htm 会打开

但我不想变成这样

我既想检测访问者的屏幕分辨率（我知道怎么做），又想自动打开一个（例如 index1.htm 但链接不改变并保持 www.mysite.com [不是 www.mysite.com/index1.htm]）

score 1 · Accepted Answer

您应该使用media-queries使网站在每种分辨率下都看起来不错。一些教程：

对于那些在 Google 上搜索此问题时发现此主题的人。你需要像 AJAX 这样的东西来完成这项工作。
如果您只更改不同分辨率的样式表，您可以使用样式表切换器。

但是如果你改变了整个 HTML，这对你的可用性不利，你需要把所有的东西都放在body特殊的文件中，然后用 AJAX 将它们加载到正文中。

score 0 · Accepted Answer

您可以尝试使用媒体查询，您只需要一个 index.html 和一个样式表。阅读本文了解更多信息！媒体查询教程

2 回答 2