Ton min-width fonctionne très bien, mais l'unité vw s'adapte en fonction de la largeur de la fenêtre donc dans ce cas, c'est inutile de spécifié width et min-width puisque tu leurs donnent la même valeur "réactive".
Et du coup comment faire pour que le premier bloc est une largeur fixe de 20vw et le deuxième de 30vw tout le temps. Que je ne puisse pas le rétrécir ?
Tant que tu utilises vw, ça va rétrécir ou s'agrandir. C'est une valeur relative (à la largeur du viewport), donc quand tu réduis ou augmente la largeur, tes blocs vont s'agrandir pour faire toujours 20/100 ou 30/100 de la largeur de celui-ci.
Si tu veux que le bloc fasse une taille relative MAIS ne puisse pas descendre en-dessous d'un certain seuil, alors c'est min-width + des valeurs absolues qu'il te faut : https://jsfiddle.net/ya6m07L8/
De cette façon, ton bloc fait la taille (width) relative définie, tant qu'il n'atteint pas la taille minimale (min-width) définie de façon fixe.
(Remarque au passage que j'utilise flexbox plutôt que des position absolute ; évite d'utiliser position: absolute tant que ce n'est pas absolument nécessaire).
- Edité par EmmanuelBeziat 27 janvier 2020 à 16:27:33
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !
Mais si je veux rajouter un bandeau en haut, je suis obligé d'utiliser absolute non ?
https://jsfiddle.net/e5c2sqax
min width ne marche pas
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !
arf !!!