[Résolu] Fixer une hauteur à un slider responsive.

Bonjour,
J'ai un beau slider horizontal (photos largeurs) que je souhaiterais vertical.
J'ai bien tenté de donné un height, mais l'image n'est plus responsive/homothétique.Y-a-t'il une solution ?
Mes CSS :

.s-wrap {
  width: 100%;
  margin-bottom: 30px;
  padding-bottom: 55%;
  position: relative;
  border: 0px solid #fff;
  background-color: #efefe8;
  overflow: hidden;
}
.s-wrap > input {
  display: none;
}
.s-wrap .s-content {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 1px;
	left: -2px;
	width: 500%;
	height: 100%;
	font-size: 0;
	list-style: none;
	transition: transform 1s;
}
.s-wrap .s-item {
  display: inline-block;
  width: 20%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

Merci pour votre aide,
ED

C'est pas super clair. Tu voudrais que le défilement soit vertical ou juste fixer sa hauteur ?

ReBonjour,
Désolé si je n'ai pas été clair
Je veux fixer une hauteur au slider car mes photos sont verticales.
Bonne aprèm,
ED

tout bête mais GENIAL !
Merci gcyrillus

gcyrillus a écrit :
... ou utiliser la règle aspect-ratio.

Ah ? la règle est enfin supportée de manière descente (84.1% en global, encore un p'tit peu juste pour moi) ? je n'avais pas fais gaffe... ça va changer beaucoup de choses.
Modifié par Olivier C (02 May 2022 - 16:55)