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"...
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).
...
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 ... */ }
/*...
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 ...
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 ...
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) {...
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-...
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 ...
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&...
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;
}
#...
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, ...
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!.
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á ...
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 ...
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%; /* ...
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, ...
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....
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;
}
#...
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 ...
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....
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 ...
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 ...
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 ...
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 ...
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 ...
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.
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; ...
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.
...
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="...
Only top scored, non community-wiki answers of a minimum length are eligible
Etiquetas relacionadas
mediaqueries × 76css × 42
responsive × 27
html × 23
css3 × 20
html5 × 11
javascript × 10
bootstrap × 4
php × 3
web × 3
div × 3
sass × 3
jquery × 2
android × 2
diseño × 2
css-grid-layout × 2
sql × 1
laravel × 1
asp.net × 1
reactjs × 1
r × 1
wordpress × 1
postgresql × 1
funciones × 1
ios × 1