Buenas. Vereís estoy creando una web y tengo un problema con un slider en pantalla normal el slider va perfecto pero al verlo en el telefono no se ajusta totalmente con la web y se queda el lado derecho del slider salido del body. El codigo que uso es el siguiente:
Código HTML:
<div class="slide">
<figure>
<img class="img1" alt="alt img1" src="images/portada1.jpg" />
<img class="img2" alt="alt img 2" src="images/portada2.jpg" />
<img class="img3" alt="alt img3" src="images/portada3.jpg" />
</figure>
</div>
En la parte de CSS:
Código CSS:
Ver original.slide{
width: 1046px;
height: 200px;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
border-radius: .5em;
position: relative;
}
.slide img{
width: 1046.5px;
height: 150px;
position: absolute;
}
.slide .img2, .slide .img3 {
display: none;
}
figure{
margin: 0;
}
Y tambien tengo otra parte de JAVA para la animacion y tal pero me parece que el fallo esta en el css.