¿Cómo 'ocultar' el contenido del elemento html cuando el navegador cambia el tamaño al tamaño de la pantalla del móvil?

mdbej Publicado en Dev

Steve

¿Cómo 'ocultar' el contenido del elemento html cuando el navegador cambia el tamaño al tamaño de la pantalla del móvil? Pero, cuando vuelva a cambiar el tamaño al tamaño de la pantalla del escritorio, ¿se 'mostrará'? Todos los colores similares a CSS deben mantenerse independientemente del tamaño de la pantalla. Por cierto, estoy usando javascript / jquery para crear dinámicamente estos elementos html de etiquetas de tabla, lo cual está hecho.

Por el momento, para el tamaño de la pantalla del escritorio, se ve así, que se ve bien en el navegador.

Pero, cuando cambio el tamaño de mi navegador al tamaño del móvil, no se ve tan bien.

TJ Crowder

Envuelva el texto de los elementos en a spancon una clase (por ejemplo, wide-onlypero el nombre real no es importante) y use una consulta de medios para ocultarlo cuando el área de visualización esté por debajo de un cierto tamaño a través de CSS:

@media screen and (max-width: 400px) {
    .wide-only {
        display: none;
    }
}

Si el ancho de la pantalla es inferior a 400 px, esa regla ocultará los spans.

Este artículo se recopila de Internet, indique la fuente cuando se vuelva a imprimir.

En caso de infracción, por favor [email protected] Eliminar

Editado en2021-08-7

Déjame decir algunas palabras

0Comentarios

Iniciar sesiónRevisión de participación posterior

Anterior:Operación inversa que involucra operadores SHIFT y AND bit a bit

TOP Lista

Artículos