代码之家 › 专栏 › 技术社区 › Tarski

窗口缩小时CSS上边距缩小

window-resize margin css

0

Tarski · 技术社区 · 16 年前

当窗口最大化时,我希望我的网页的顶部边距为100px,但如果用户调整窗口大小以缩小它,我希望此边距缩小。边距的最小尺寸应为10px,并应与窗户高度成比例收缩。

举个例子,如果我想模仿的是 http://www.bing.com/

我将如何在CSS中实现这一点?我在和一个女人搏斗 min-height , min-width , height width

谢谢

1 回复 | 直到 16 年前

1

2

Jage 16 年前

如果没有看到一些代码,就很难给出好的建议。但是,您可以将html和正文的样式设置为100%高度,这实际上应该符合浏览器可查看部分的高度:

html, body{ margin:0; padding:0; height:100%; }

从那里,您可以直接在主体中添加一个div,并为其指定一个百分比高度:

#push{ height: 15%; }

你的身体html看起来像:

<body>
    <div id="push"></div>
    <div>
        asdf asdf
    </div>
</body>

当身体高度改变时,推高也会改变。您可能需要调整该数字以使其符合您的喜好。您也可以给推送一个最小高度,但IE6不支持。此外,100%的html/正文可能会给你带来麻烦,这取决于你如何处理页脚和其他事情,所以要小心,祝你好运。