当窗口最大化时,我希望我的网页的上边距为100px,但如果用户调整窗口大小以缩小它,我希望此边距缩小。边距的最小尺寸应为10px,并应与窗口高度成比例缩小。
如果我想模仿的是http://www.bing.com/
,请举例说明我将如何在CSS中实现此功能?我现在正在与min-height
,min-width
,height
和width
进行交易。
感谢。
答案 0 :(得分:2)
没有看到一些代码,很难给出一个很好的建议。但是,你可以将html和body设置为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 / body可能会在以后根据您的页脚和内容的方式给您带来麻烦,所以要小心并祝您好运。