Cómo convertir un table a responsive

Este es un método para con estilos lograr que las tablas sin títulos se vean bien en responsive.

 

@media screen and  (max-width: 677px) 
{
	table
 	{
		display: inline-block;
 	}

	table tr
	{
		display: initial;
	}

	table tr td
	{
		display: inline-block;
	}
}

 

Veamos un ejemplo:

1 2 3
4 5 6
7 8 9

Para ver el ejemplo visiten esta página en su celular para ver como quedaría la tabla

Comentarios

Dona a datakun
kakaroto84 Escrito por:

Un bibliotecario de anime y manga

Sé el primero en comentar

Deja una respuesta