Discussion :

[sebolix44]

J'essaye de faire fonctionner la fonction calc :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
@media (min-width: 1200px) {
  .title {
    font-size: calc(12*(0.5vh+0.5vw));
  }
  .titlePicto {
    font-size: calc(5*(0.5vh+0.5vw));
  }
  .tailleFont {
    font-size: calc(8*(0.5vh+0.5vw));
  }
}

Pas de problème avec chrome mais sur firefox j'ai "Valeur de propriété invalide" : du coup la taille des polices n'a pas le bon rendu !!

J'ai du raté quelque chose mais j'arrive pas à trouver, un petit coup de pouce ?

https://github.com/DelaunayS/PortFolioEchecs

[NoSmoking]

Bonjour,
il faut mettre un espace autour des opérateurs (+/-) pour que le parseur CSS puisque s'y retrouver.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
@media(min-width:1200px) {
  .title {
    font-size: calc(12 * (0.5vh + 0.5vw) );
  }
  .titlePicto {
    font-size: calc(5 * (0.5vh + 0.5vw) );
  }
  .tailleFont {
    font-size: calc(8 * (0.5vh + 0.5vw) );
  }
}

En cas de doute il ne faut pas hésiter : CSS Validation Service

[sebolix44]

Merci beaucoup