Html Css媒体查询解决问题

我想知道如果屏幕分辨率低于1024x768，如何使用CSS媒体查询来检测屏幕分辨率并进行不同的页面加载？我还需要知道是否可以将此查询放在master.css脚本中？或者它需要放在哪里

站点地图（不含Java）

• Index.html（主页）
• About.html（关于页面）
• Missing.html（404）
• Small.html（我正在尝试加载的较小版本）
• ie8.css（internet explorer 8的条件css）
• Master.css（主样式表）

---

根据浏览器视口的宽度，您可以通过多种方式为页面提供不同的样式，例如：

@media only screen and (max-width: 1024px) {
  your styles here
}

你可以把它放在样式表的任何地方

---

但是，请注意，您不能使用这样的媒体查询来加载其他页面。为此，您需要某种设备检测脚本。

将其放在需要的地方。没什么了。我需要有人实际输入查询，并进一步详细说明我需要做什么！：（建议将其放在所有页面都需要的文件中/加载它。我是否可以让它在当前页面上显示以下文字：“这是一个图形设计组合；您的屏幕分辨率太小，无法完整查看此网页。请尝试在1024x768或更大的屏幕分辨率上查看它！”？手动使样式表溢出index.html页面的所有html？好吧，你可以…但我认为这太愚蠢了，TBH。如果我看到一个平面设计师发出这条信息，我会逃跑，因为这违反了web的所有原则。你最好接受web的流动性，让你的设计和布局适应不同的设备。没有理由有人不能在小屏幕上查看你的作品集。你有一个正确的观点，我之所以要这样做是因为我的作品是基于像素的，而且很大。它也不能很好地缩放，因为它没有“矢量化”，我将网页设计为在显示器上显示，而不是在平板电脑、手机等设备上显示。因为你必须在这些设备上滚动才能查看片段，这会让你失去体验。我听说过优雅的降级，但由于这是基于像素的，图像无法缩放，因此它确实不适合移动平台，但我所做的任何新网站都将是我的n%而不是像素。因为没有更好的词，我觉得1024x768以下的任何东西都已经超过了我的“优雅降级”我在问如何实现弹出窗口，因为我在这方面有点迷茫！图像可以缩放到任何尺寸，所以这不是问题，如果你不想麻烦一个响应性设计，你可以告诉小屏幕设备在其视口中适应布局。即使一切都很小，它也可以I’我会让用户对你的工作有一些了解，如果他们想看得更好，可能会提示他们在更大的屏幕上查看网站。拒绝给他们任何东西很可能会让他们生气，并拒绝他们。让用户决定体验。