网站屏幕分辨率自动调整大小答案

【问题标题】：website screen resolution auto resize网站屏幕分辨率自动调整大小
【发布时间】：2011-04-10 01:59:33
【问题描述】：

我有一个网站，它使用960网格系统，一切都很好。

除了表头，表头太高了！

当用户的屏幕小于等于1024x768时，是否可以缩小整个网站的尺寸？

（与在 IE 中按 CTRL+ 和 CTRL- 相同的方式？）

【问题讨论】：

如果表头太高，则降低表头高度。为什么需要减小整个网站的大小？
网站已经完成了，减少header的大小会破坏当前的设计。
您是否使用了任何背景图片？目前还没有广泛支持的缩小背景图像的方法。因此，您不能仅通过设置 CSS 规则来模拟 CTRL+/-。
您需要向我们提供一些您正在做的事情的代码/屏幕截图 - 我们这里的大多数人都会同意这样一个激进的解决方案（整个页面大小调整）可能是一种矫枉过正。也许您只需要有选择地调整一两个元素的大小即可使其正常工作。
如果是我，我会减少标题，问题解决了。但这不是我的网站，所以我必须想办法在不破坏他们设计的情况下修复它。

【解决方案1】：

IE确实支持非标准的zoom style，如果你检测到窗口太小，你可以申请<body>。

【讨论】：

【解决方案2】：

技术上这是可能的，但我建议不要使用这种非常规的方法。我只会使用一个在 768 中看起来都不错的短标题。

加载文档后，您可以检查（使用 JavaScript）正文的客户端高度，并将样式应用于您的 <body> 元素（或只是标题）以将字体大小设置为特定百分比。所有其他尺寸都必须以 em 或百分比单位定义，以便主容器的基本尺寸传播到子元素。

【讨论】：