Propriété calc() sur Safari

Bonjour à tous,

La propriété

calc() 

ne fonctionne pas sur Safari ?

Voici ce que j'ai fait:

min-height:calc(100v - 92px);
min-height:-webkit-calc(100v - 92px);

mais ça ne marche pas...

Merci d'avance de votre aide

Bonjour,

100v ? Je ne suis pas sur que connaitre cette unité...

à la limite : vh, vw, ou vmin

Mais marche bien sur les autres navigateurs...

Hello,

calc() est reconnu depuis un bon bout de temps sur Safari : http://caniuse.com/#feat=calc

Par contre, effectivement, l'unité "v" n'existe pas.

Désolé, c'est bien

100vh

Mais avec tout ça, rien ne marche.

Sans voir la page, ou au moins un exemple de code, difficile de démêler l'affaire...

Salut,

Bon si, ça marche plutôt bien : https://jsfiddle.net/m7ejpo7s/1/

Il nous faudrait effectivement un exemple à toi qui me marche pas ou alors que tu explique mieux ce que tu attend et le résultat que tu as qui ne te convient pas.

Je viens de penser : les vh units ont un comportement inattendu par les dev' front sur Chrome mobile et sur Safari mobile. Ce n'est pas un bug, c'est un choix des équipes Google et Apple qui ne veulent pas que leur navigateur mobile ait à recalculer la page chaque fois que la barre de navigation de ces derniers apparait ou disparait au scroll, et ceci pour raison de performance, moindre sur mobile. Si vous êtes confronté à cette situation et que vous souhaitez tout de même la contourner la seule solution est de passer par un calcul Javascript.

Chrome mobile 100vh
Modifié par Olivier C (03 Sep 2017 - 15:53)

Bonjour à tous,

Voici le site internet en question: https://www.samoudembele.ml/

Ça marche correctement avec tous les autres navigateurs. Mais avec Safari, ça ne marche pas.

Merci de votre aide.

Même en mode desktop, ça marche pas.