我有以下的较少文件的CSS规则:可以在CSS calc()中使用vh减去像素吗?
.container {
min-height: calc(100vh - 150px);
}
这并不在所有的工作。我想让容器充满窗口高度并减去页眉,页脚固定高度。我怎样才能做到这一点?
我有以下的较少文件的CSS规则:可以在CSS calc()中使用vh减去像素吗?
.container {
min-height: calc(100vh - 150px);
}
这并不在所有的工作。我想让容器充满窗口高度并减去页眉,页脚固定高度。我怎样才能做到这一点?
确实有效。问题在于我的编译器较少。它被编译到:
.container {
min-height: calc(-51vh);
}
在更短的文件,下面的代码修正:
.container {
min-height: calc(~"100vh - 150px");
}
看起来工作 - http://jsfiddle.net/ gz4zp1ua/2/ – 2014-12-02 19:29:15
确保相关浏览器确实支持您要求的内容:http://caniuse.com/#feat=calc和http://caniuse.com/#feat=viewport-units。 – cimmanon 2014-12-02 19:43:42
我已经关闭这个作为一个愚蠢的,因为该线程有更新的选项的细节也可能对其他人有用(最重要的是,该问题也有更高的观点和投票计数)。 – Harry 2015-12-04 13:48:21