Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 狩猎旅行';s是否支持使用视口单位的calc()?_Css_Safari_Viewport Units - Fatal编程技术网

Css 狩猎旅行';s是否支持使用视口单位的calc()?

Css 狩猎旅行';s是否支持使用视口单位的calc()?,css,safari,viewport-units,Css,Safari,Viewport Units,根据当前版本的Safari应该完全支持Viewport unitys。但当我使用下面的代码时: footer { position: fixed; top: calc(100vh - 90px); left: 0; } Safari不理解它,默认为top:0(在iOS Safari上也是如此)。在这个特殊的例子中,我想我可以使用百分比,但在其他一些例子中,我被迫为Safari添加一些jQuery,我觉得这很难看 为什么Safari不理解PC和iPhone的上述内容,尽管

根据当前版本的Safari应该完全支持Viewport unitys。但当我使用下面的代码时:

footer {
    position: fixed;
    top: calc(100vh - 90px);
    left: 0;
}
Safari不理解它,默认为
top:0
(在iOS Safari上也是如此)。在这个特殊的例子中,我想我可以使用百分比,但在其他一些例子中,我被迫为Safari添加一些jQuery,我觉得这很难看


为什么Safari不理解PC和iPhone的上述内容,尽管caniuse.com告诉我它完全支持视口单元?在某些情况下,javascript是唯一的选择吗?

显然,Safari在结合
calc()
和视口单位时仍然存在问题。您可以使用以下解决方法:

footer {
    position: fixed;
    top: 100vh;
    margin-top: -90px;
    left: 0;
}