声明两个最小高度属性

时间:2014-07-16 12:08:24

标签: css css3

我正在某个网站上工作,某些网站的高度为100%。为实现此目的,我使用新的css3单元vh作为min-height(100vh)。

在每个部分中还有一个绝对定位并与页面底部对齐的元素。您可以看到它的示例here

出现的问题是,在较小的屏幕上,按钮会显示在文本上。 我知道我可以,例如让按钮在@media的较小屏幕上消失;相反,我想知道是否有css3可能做这样的事情:

.element {
  min-height: 100vh && 200px;
}

任何其他css技巧也实现了这一点也很受欢迎(我可以更改标记)。

1 个答案:

答案 0 :(得分:2)

不,这样使用是没有意义的。您必须使用媒体查询。

如果要像你提到的那样添加它,只会感觉到vh是否未定义px会采用。

但是要说,它永远不会像这样应用。