Css 狩猎旅行';s是否支持使用视口单位的calc()?
根据当前版本的Safari应该完全支持Viewport unitys。但当我使用下面的代码时: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的上述内容,尽管
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;
}