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

问题描述:

我有一个网站,它使用960网格系统,一切都很好。网站屏幕分辨率自动调整大小

除标题外,标题太高!

当用户的屏幕小于或等于1024x768时,是否可以减小整个网站的大小?

(同样的方式,你可以按CTRL +和CTRL-在IE?)

+0

如果标题太高,则降低标题的高度。为什么你需要减少整个网站的大小? – 2010-09-09 04:36:05

+0

网站已经完成,并且缩小标题的大小会破坏当前的设计。 – 001 2010-09-09 04:38:36

+0

您是否使用任何背景图片?目前还没有广泛支持的方式来缩小背景图像。所以,你不能通过设置CSS规则来模拟CTRL +/-。 – 2010-09-09 04:43:15

IE确实支持非标准zoom style,如果您检测到窗口尺寸太小,您可以将其应用于<body>

从技术上讲,这是可能的,但我会建议不要使用这种非传统的方法。我只是使用一个很短的标题,在< = 768和> 768中看起来不错。

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