CSS条件元素，XHTML

问题描述：

好吧，这是一个棘手的问题......密切关注！CSS条件元素，XHTML

我有一个网站有2页index.html & about.html。
我构建了这些页面以1024x768或更高的所有屏幕分辨率工作。
之前的陈词滥调“使其可扩展性与百分比而不是在css像素”我做了一定的程度，但它的最佳分辨率是1024x768，因为它是我的图形设计组合（我觉得正义不会服务于任何分辨率低于此！）
我也有一个missing.html页面的目录中的情况下有人跟随一个不好的链接！
我想知道是否可以制作一个“我很抱歉，此页面只能以1024x768或更高的分辨率显示！”当较低分辨率的人尝试去索引和关于页面时弹出页面？ 6我正在考虑IE CSS条件元素的行，但不是浏览器只是为了分辨率。（由于低分辨率产生新页面的条件语句！）
我只想要一个新的.html页面产生分辨率低于1024x768的人（我知道网站需要某种检测，但不知道如何实现它！）
我很抱歉如此肛门保持和编号我的问题我的方式，任何帮助将不胜感激！尽可能详尽地阐述！

对于像我们这样的开发者来说，肛门保持性不是问题。顺便说一句，像这样的文件名，它很可能不是真正的XHTML。 – 2013-04-26 11:06:19

答

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

内，您的特定像素查询你可以做一个DIV，用“对不起......”的字样，可见。

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

答

那么，你可以用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'; 
}

乔R给你一个现代化的解决方案！ – 2013-04-26 11:05:58

答

那么css查询或js会更好吗？我将尽我所能做出最灵敏，最流畅，最实用的ui/ux构建！无论哪个目标更好，最快速实施等等！会同时使用导致冲突？

CSS条件元素，XHTML

相关推荐