Определение высоты динамического браузера Safari

Question

Я пытаюсь сделать палец нижнего колонтитула к окну браузера. Он работает в хроме, но не в Safari или мобильном Safari.

Я использую функцию calc в css. На Сафари нижний колонтитул просто остается в том же абсолютном положении как в режиме катетов, так и в ландшафтном режиме. Похоже, что он не обнаруживает/не обновляет изменение высоты браузера, которое отлично работает на Chrome.

#footer{ 
    position:absolute; 
    -webkit-top: calc(100% - 127px); 
    top: calc(100% - 127px); 
    height: auto; 
    width: 100%; 
    clear:both; 
    overflow:hidden; 
} 

Как заставить Safari обновлять высоту браузера?

Answer 1

Правильный путь префикса calc() как это:

#footer{ 
    position:absolute; 
    top: -webkit-calc(100% - 127px); 
    top: calc(100% - 127px); 
    height: auto; 
    width: 100%; 
    overflow:hidden; 
} 

Однако абсолютное позиционирование элемента в нижней части страницы, как правило, осуществляется путем установки нижней собственности, которая имеет большую поддержку браузера:

#footer{ 
    position:absolute; 
    bottom: 0; 
    height: auto; 
    width: 100%; 
    overflow:hidden; 
}