CSS Grid et hauteur 100% en safari

J'ai une grille faite avec CSS grid et j'ai une iframe qui prend 100% de la cellule de la grille, il est, de sorte que le parent div, comme je l'ai lu sur d'autres safari de messages et d'autres navigateurs ne supportent pas ce height: 100% n'ayant pas de parent avec une hauteur fixe value et je cherche comment le faire fonctionner pour ces navigateurs et comment l'implémenter dans mon code.CSS Grid et hauteur 100% en safari

J'ai rapidement lu quelque chose appelé @support mais je ne sais pas vraiment comment je pourrais l'utiliser pour ce cas particulier; ou environ flexbox plus webkit pour le rendre 100% mais je n'ai pas réussi à le faire fonctionner.

Source

2017-10-17 GJustin

Bienvenue sur Stack Overflow! Les questions demandant de l'aide sur le code doivent inclure le code le plus court nécessaire pour le reproduire ** dans la question elle-même ** de préférence dans un [** extrait de pile **] (https://blog.stackoverflow.com/2014/09/introducing-runnable -javascript-css-et-html-code-snippets /). Voir [** Comment créer un exemple minimal, complet et vérifiable **] (http://stackoverflow.com/help/mcve) –

Envoyer jsfiddle url avec votre problème, s'il vous plaît.

Essayez avec:

position:relative; 
display:inline-block; 
width:100%

Source

2017-10-17 16:43:26

https://jsfiddle.net/f9f4e5xq/ Comme je l'ai dit, j'ai utilisé la largeur et hauteur 100% pour remplir la cellule mère qui fonctionne parfaitement exepct en bord de safari, je parie que vous connaissez la perceuse! – GJustin

CSS Grid et hauteur 100% en safari

Répondre

Questions connexes