CSS条件元素，XHTML

Question

好的，这是一个棘手的问题......请密切注意！

1. 我的网站有2页index.html＆amp; about.html。
2. 我构建了这些页面，以1024x768及更高的屏幕分辨率工作。
3. 在陈词滥调之前“让它可以缩放而不是css中的像素”我在某种程度上做了，但它最好的分辨率是1024x768因为它是我的图形设计组合（我觉得正义不会是以低于此的任何分辨率送达！）
4. 我在目录中也有一个missing.html页面，以防有人关注错误的链接！
5. 我想知道是否有可能制作一个“对不起这个页面只能以1024x768及更高的分辨率显示！”当分辨率较低的人试图同时转到索引和关于页面时弹出的页面？ 6我正在考虑IE CSS条件元素的行，但不是仅针对分辨率的浏览器。 （由于分辨率低而产生新页面的条件语句！）
6. 我只想要一个新的.html页面为分辨率低于1024x768的人产生（我知道网站需要某种检测，但不知道如何实现它！）
7. 我为这样的肛门保持而道歉，并按照我的方式编写我的问题，任何帮助都将不胜感激！尽可能精心制作！

Answer 1

您可以使用CSS media queries，例如：

@media (max-width: 1024px) { ... }

在您的像素特定查询中，您可以创建一个div，其中显示“我很抱歉......”消息。

请记住，通过通用JavaScript获取显示器大小可能无法反映实际浏览器窗口的大小 - 媒体查询将会。

Answer 2

嗯，你可以用javascript检测屏幕分辨率！

var width = window.innerWidth || document.body.clientWidth;
var height = window.innerHeight || document.body.clientHeight;

if(width < 1024 || height < 768) {
    // screen is too small, redirect to small.html
    location.href = 'small.html';
}

Answer 3

那么css查询或js会更好吗？我正在寻找最具响应性，流畅性，功能性的ui / ux版本！无论哪个目标更好，最快速实施等等！使用两者会导致冲突吗？