0

Cuando disminuyo el navegador los botones del css se me salen , y lo que quiero es que se ajusten al tamaño del div , y no consigo hacerlo. Además se me desplaza hacia la derecha cuando también disminuyo el tamaño del navegador , hay también alguna forma de dejar fijos los botones en su sitio?

.form__btns{
  margin-left:130px;
  display: flex;
}

Inicialmente están así:

introducir la descripción de la imagen aquí

Al disminuir el navegador así:

introducir la descripción de la imagen aquí

0

1 respuesta 1

1

Estas usando tamaños absolutos
Esto significa que siempre habrán 130px como margen izquierdo, sin importar el tamaño.
Lo que deberías usar es vw- Viewport Width.
Esto es una medida de unidad relativa al 1% del ancho del viewport.
Prueba diferentes medidas hasta dar con el tamaño ideal.

.form__btns{
  margin-left:5vw;
  display: flex;
}
4
  • Ósea que con la medida viewport se adapta a la anchura y altura cuando toque el tamaño del navegador si no te he entendido mal
    – RoyalUp
    Commented el 4 nov. 2020 a las 20:12
  • Exacto, y lo que menciona BetaM anteriormente también es cierto.
    – Excorpion
    Commented el 4 nov. 2020 a las 20:16
  • No sé qué ha mencionado BetaM , lo ha borrado?
    – RoyalUp
    Commented el 4 nov. 2020 a las 20:35
  • Al parecer si, no se por que, es decisión de el. Te ha dado resultado ?
    – Excorpion
    Commented el 4 nov. 2020 a las 20:37

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.