0

好的，伙计们，这是一个棘手的问题……密切注意！

  1. 我有一个包含 2 页 index.html 和 about.html 的网站。
  2. 我构建了这些页面以在所有 1024x768 及更高的屏幕分辨率下工作。
  3. 在陈词滥调“使它可以用百分比而不是css中的像素进行缩放”之前，我在某种程度上做到了，但它运行良好的最低分辨率是 1024x768，因为它是我的图形设计组合（我觉得任何时候都不会伸张正义分辨率比那个低！）
  4. 我的目录中还有一个 missing.html 页面，以防有人点击了错误的链接！
  5. 我想知道是否可以制作“对不起，此页面仅以 1024x768 或更高的分辨率显示！” 当分辨率较低的人试图同时访问索引和关于页面时弹出页面？6 我在考虑 IE CSS 条件元素的思路，但不适用于浏览器，只是为了解决问题。（由于分辨率低而产生新页面的条件语句！）
  6. 我只想为分辨率低于 1024x768 的人生成一个新的 .html 页面（我知道该网站需要某种检测，但不知道如何实现它！）
  7. 我很抱歉如此保持肛门并以我的方式编号我的问题，任何帮助将不胜感激！尽可能详细！
4

3 回答 3

4

您可以使用CSS 媒体查询，例如：

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

在特定于像素的查询中，您可以创建一个 div，并显示“对不起...”消息。

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

于 2013-04-26T11:04:09.407 回答
1

好吧，您可以使用 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';
}
于 2013-04-26T11:05:03.043 回答
0

那么css查询或js会更好吗？我将尽我所能打造响应速度最快、流畅、功能最强大的 ui/ux 构建！哪个目标更好，最快实施等等！使用两者会导致冲突吗？

于 2013-04-26T22:16:46.697 回答