Skip to main content

Línea de tiempo para Mi input se deforma en mozilla firefox

Licencia actual CC BY-SA 4.0

10 eventos
cuándo alternar formato qué por licencia comentario
el 11 sept. 2021 a las 14:05 historial editado Roger Torné CC BY-SA 4.0
título editado
el 6 sept. 2021 a las 16:02 respuesta añadido HAKU línea de tiempo puntuación: 0
el 31 ago. 2021 a las 18:34 votar aceptar Braylin Ivan Payano
el 31 ago. 2021 a las 18:30 respuesta añadido Virales Channel línea de tiempo puntuación: 1
el 31 ago. 2021 a las 18:19 comentario añadido Mauricio Contreras Si reduces el tamaño de la ventana del navegador, digamos que te quedan 800px de altura en el viewport, entonces estás asignando ahora 1.25% de espaciado. Es por ello que una medida absoluta no es amiga del diseño responsivo, excepto en casos muy específicos, y el tuyo no es uno de estos. Por lo tanto, debes jugar con las Media Queries y usar medidas relativas, como rem. Saludos
el 31 ago. 2021 a las 18:15 comentario añadido Alexander Guerra normalizaste lo valores predeterminados de tu pagina primero antes de aplicarle el ccs? intenta normalizar los valores primero con necolas.github.io/normalize.css
el 31 ago. 2021 a las 18:15 comentario añadido Mauricio Contreras Tienes que ir probando diferentes medidas de padding y diferentes resoluciones, de esta forma tu input será responsivo. Tal como está ahora, y sin ver el resto de reglas CSS es difícil determinar si eso soluciona el problema. A simple vista, estás metiendo un padding de 10px en top y 10px en bottom. Si la resolución de tu pantalla tiene 1280px de alto, quitando el espacio de la barra superior e inferior, digamos que tienes 1000px de viewport, estás asignando 1% de espacio entre el borde superior de tu input y el texto y 1% de espacio en la parte inferior.
el 31 ago. 2021 a las 18:01 comentario añadido Braylin Ivan Payano Y con eso se solucionaría mi error?
el 31 ago. 2021 a las 17:54 comentario añadido Mauricio Contreras ¿Porqué le das un padding absoluto? Te sugiero probar con la unidad rem.
el 31 ago. 2021 a las 17:43 historial formulada Braylin Ivan Payano CC BY-SA 4.0