Información de etiqueta

Respuestas populares con la etiqueta

5 votos
Aceptado

Cómo evitar que Nav Bar quede oculta en pantalla>800px (con media query) luego de ocultarla en pantalla<800px (con script)

El elemento se queda oculto pero nunca quita el ocultos sino es con un click. Pero, también puede ser que cambies el tamaño del navegador una vez le has ocultado, con lo cual debes "escuchar"...
S. Wasta's user avatar
  • 375
5 votos
Aceptado

Problemas CSS media query

El orden de las reglas en CSS es muy importante. Si dos reglas diferentes tienen el mismo valor de especificidad, se aplicará la que aparezca más tarde en el código (porque sobreescribe la otra). ...
Alvaro Montoro's user avatar
  • 49.3k
3 votos
Aceptado

Como puedo cambiar la versión móvil de la web sin cambiar la versión de desktop?

Deberías modificar tu css para que se adapte en pantallas más chicas como la del celular. /* Celulares en horizontal o tablets en vertical */ @media (max-width: 767px) { /* tu código css ... */ } /*...
Bruno's user avatar
  • 48
3 votos
Aceptado

media query css pantallas chicas

El media query que estás usando (min-width: 890px) indica que las pantallas con resolución mínima de 890px verán los estilos del media query (es decir, de 890px en adelante). Si querés especificar ...
Niche's user avatar
  • 1,384
3 votos

¿Se puede insertar un media query en un mixin de sass?

Editado El uso de content blocks tal y como menciona @blonfu puede llegar a ser muy útil, con la etiqueta @content podrás extender las capacidades de tu mixin. En la documentación de sass podrás ver ...
Daniel Rodríguez Meza's user avatar
3 votos
Aceptado

media querie manager en sass

Media Queries No funcionó porque se utilizó max-with en lugar de max-width, ya que la primera es una Media features no válida. Aquí la solución al problema Media Queries: @mixin respond ($breakpoint) {...
David E. Luna M.'s user avatar
2 votos
Aceptado

¿Cómo parar el responsive de la pantalla en un tamaño específico?

No estoy seguro de entender lo que dices de "parar" pero si lo que quieres, es que llegado unas dimensiones, no siga ajustandose, utiliza las llamadas MediaQuery. Son asi: <style> @media (max-...
cupax64's user avatar
  • 325
2 votos

Elaborar una función donde estime las medias de cada característica en un vector, sin incluir los NA´s

En principio, si llamas a la función mediavec() tal cual, obtienes las medias por columnas o variable como un vector. En realidad puedes hacer directamente sapply(partos, mean, na.rm=T) para obtener ...
Marcelo Fernando Befumo's user avatar
2 votos
Aceptado

¿Cómo puedo calcular la media de tiempo en Postgresql?

Podrías hacer algo así: Primero (en la query interna) calculo la diferencia entre una fecha y la anterior en días (para cada usuario), luego hago el promedio por usuario. Si la columna "Fecha&...
nachospiu's user avatar
  • 2,532
2 votos
Aceptado

Mantener tamaño del elemento al ser afectado por un media query

Si solo necesitas que no sean visibles, podes utilizar visibility: hidden; Ejemplo: #navbar { display: flex; padding: 15px; background: black; font-family: 'Nanum Gothic', sans-serif; } #...
Marcos's user avatar
  • 33.9k
2 votos

Como evitar que se me desorganice el contenido de una pantalla a otra

Para que tu sitio web sea adaptable a dispositivos móviles debes trabajar en tu CSS con condiciones que hacen referencia a @media con esta etiqueta se trabaja para los diferentes tamaños de pantalla, ...
John Alex Machado's user avatar
1 voto

¿Porque no funciona ninguna media query en mi css?

Ya lo he solucionado con el comando npm run build en mi servidor. Ya se puede cerrar esta pregunta. Gracias a todos por la ayuda!.
Unset's user avatar
  • 11
1 voto
Aceptado

No funcionan el css para hacerse responsive

El problema está en que tienes que agregar: <meta name="viewport" content="width=device-width,initial-scale=1"> Básicamente, sirve para definir qué área de pantalla está ...
JoseMgz_Ux's user avatar
1 voto
Aceptado

Separar y centrar cuadrados sobre un row

Yo haría lo siguiente: Al contenedor con la clase row le das un display: flex; Para colocar un espacio entre los elementos, hacemos uso de: justify-content: space-around; No veo para que el uso de ...
BetaM's user avatar
  • 31.2k
1 voto
Aceptado

CSS @media only screen and(max-width: 800px) no funciona

body{ padding: 0; margin: 0; } .caja1{ background: #d3d3d3; } .caja2{ background: #25b1a9; } .caja1, .caja2{ padding: 3% 2% 1.5% 2%; /* ...
Husdady's user avatar
  • 425
1 voto

CSS media queries no funcionan

Lo único que te faltaba es poner un espacio en la declaración de la media query, después de and y antes de los paréntesis, aquí puedes verlo arreglado. (Te puse un comentario para que lo veas bien, ...
Benito-B's user avatar
  • 4,042
1 voto
Aceptado

Hacer buen uso de media query con Javascript

Lo que se me ocurre es como en css agregar los dos media querys: $('body').css('background','darkblue'); window.matchMedia('(max-width: 1024px)').addEventListener("change",(e) => { if (e....
zerocool's user avatar
  • 2,030
1 voto

¿Por que mis media queries no funcionan?

Quita los ; al final de las media queries, no se necesitan, y estan bloqueando las definiciones @media only screen and (min-width: 801px) { #landing_portada { height: 110vh; } #...
F.Igor's user avatar
  • 4,472
1 voto
Aceptado

Mi responsive design portfolio no funciona corréctamente

El problema se encuentra en una regla que tienes en los <section>: section { padding: 6rem; } Ese padding, en dispositivos pequeños, provoca que el contenido no quepa dentro y exceda su ...
phpMyGuel's user avatar
  • 14.8k
1 voto
Aceptado

Problemas con Mediaquery

Si el elemento está heredando la propiedad display desde una hoja de estilos, debes utilizar getComputedStyle(elemento, null).display; Como se puede observar en el siguiente fiddle: https://jsfiddle....
Codedgar's user avatar
1 voto

Orden correcto de las @media queries entre min-width y max-width

El orden es importante por la especificidad de las reglas. Aunque no hay un orden "correcto" en sí, sí que existe un orden más "natural" de poner las media queries para que no lleven a confusión y a ...
Alvaro Montoro's user avatar
  • 49.3k
1 voto

Buena practica uso de mediaQueries con SASS

en mi opinión es intentar dejarlo lo más completo posible, para que los MediaQuerys sean más fácil de hacer. Con SASS que teóricamente también es SCSS, al hacer un media querys que sólo cambies las ...
Stiven Gómez's user avatar
1 voto

¿Cuáles son consideradas buenas prácticas para Media Queries (CSS3)?

Buen día colega! tratando de ponerme un poco en contexto con lo que comentas arriba... Pues a mí también me parece algo feo tener que "pisar" los estilos ya existentes (Pero habrán ocaciones donde ...
Sergio Zapata's user avatar
1 voto

El texto se mueve en dispositivos en diseño responsivo

Esto es debido al OS (sistema operativo) y no problemas del navegador. El sistema si no tiene esa determinada fuente entonces pueden pasar cosas como las que yo describia o peor. El truco es tener una ...
Menzezzz's user avatar
1 voto

Como puedo cambiar la versión móvil de la web sin cambiar la versión de desktop?

puede que sea un poco tarde... pero tal vez a otra persona le ayude /* Celulares en horizontal o tablets en vertical */ @media (max-width: 767px) { /* tu código css ... */ } /* Celulares en ...
Patrick's user avatar
  • 350
1 voto

Cómo alinear botones correctamente a la misma altura en boostrap

Divide los textos y los botones en dos .row distintos, de esta manera los botones siempre van a estar alineados y el espacio de los textos superiores siempre se va a adaptar a tu texto mas largo.
Christian Coral's user avatar
1 voto

¿Como posicionar el bloque numero 3 debajo del bloque numero 1?

Solucion bastante simple: Juega con el tamano de las cellulas para que esten a la izquierda. .item1 { grid-area: header; } .item2 { grid-area: left; height:100px; } .item3 { grid-area: main; ...
Mixone's user avatar
  • 111
1 voto
Aceptado

Diseño responsive CSS no hay manera de mover divs

No se por donde comenzar a corregir, tienes muchos errores, tanto relacionados a la pregunta como de maquetación html y uso de css. Pero voy a comenzar con corregir tu código a algo más legible. ...
Edgar Gutiérrez's user avatar
1 voto
Aceptado

Error con la media query CSS3 no se adapta?

Me estaba pasando exactamente lo mismo, el css estaba perfecto y mi formulario no se adaptaba, el problema era que no tenia la etiqueta meta viewport. Usa esta etiqueta meta: <meta name="...
Cristian Mendoza's user avatar

Only top scored, non community-wiki answers of a minimum length are eligible