我的大学网站仅在 Opera 12.xx 上有一个奇怪的问题(据我所知),所有内容都被荒谬地隔开,巨大的空白区域将所有部分隔开。
当我检查 CSS 时,我注意到几个容器的属性min-height: 100%
上升到并包括html
and body
,但没有介入的父级具有明确定义的高度。我的猜测是 Opera 一直递归到 DOM 树,并且由于它到达顶部,所有这些都至少达到了视口高度的 100%。
根据我对 CSS 的理解,这似乎应该发生。我的问题,然后:
- 这是应该发生的事情,还是我误解了什么?
- 如果是这样,为什么这个问题只影响 Opera 12?(Opera 15 是免疫的,因为它使用了 Webkit,我知道。我的意思是,为什么 Webkit 可以正常显示它?)
- 所有这些最小高度声明的意义何在?似乎(再一次,在我的理解中)没有答案 100% of what,这不是迫使标记的元素将其高度基于其父级的内容,而不是他们自己的吗?这有什么意义?
一位大学网站管理员告诉我,它必须是这样的,因为这个网站采用了响应式设计,虽然我承认我不完全理解这些流行词的含义,但我不明白它的含义与它有关。