HOLA, NO SE SI A ALGUN OTRO COMPAÑERO LE SUCEDA LO MISMO, ANTES DE APLICAR LAS ETIQUETAS DE META PARA QUE LA PAGINA FUERA RESPONSIVE, QUISE PROBAR EN LA CONSOLA DE CHROME LOS DISTINTOS DISPOSITIVOS ,EL COMPORTAR DE LA PAGINA Y EN TODOS SE ADAPTABA DE UNA MANERA EXCELENTE, PERO CUANDO PUSE LA ETIQUETA META, SE DESCONFIGURO TODO Y SE VEIA TAL CUAL CUANDO PUSIMOS EL BACKGROUND ROJO, SERA QUE EL HTML5 YA VIENE PRECONFIGURADO PARA SER RESPONSIVE O PORQUE SUCEDE ESTO , GRACIAS
Hola Julian,
Creo que es mas común usar media queries para aplicar responsive:
/* Estilos para pantallas más pequeñas */
@media screen and (max-width: 768px) {
/* Agrega aquí los estilos específicos para pantallas más pequeñas */
}
/* Estilos para pantallas medianas */
@media screen and (min-width: 769px) and (max-width: 1024px) {
/* Agrega aquí los estilos específicos para pantallas medianas */
}
/* Estilos para pantallas grandes */
@media screen and (min-width: 1025px) {
/* Agrega aquí los estilos específicos para pantallas grandes */
}
también podrias empezar a aprender React con Tailwind en NextJs
ENTIENDO ESO, LA DUDA QUE TENGO ES PORQUE EL CODIGO, RESPONDE BIEN A TODAS LAS PANTALLAS QUE PONGO EN LA CONSOLA SIN NECESIDAD DE USAR MEDIAS QUERIES
Hola Julian;
No se si sirva de algo pero me pasaba lo mismo leyendo el código nuevamente note un signo que no había puesto bien, al principio en el
debajo de donde colocamos el segundo meta de name="viewport" yo coloque width-device-width pero después del primer width va = quedando de la siguiente forma width=device-width y solo ese signo cambio la configuración.<meta name="viewport" content="width=device-width">
Saludos.