Preguntas con la etiqueta [media-queries]
Anidando reglas @media en CSS
El soporte parece ser diferente entre los navegadores. Consulta el enlace Firefox: negro con texto blanco. Opera, Chrome, IE9: azul con texto negro. ¿Cuál es correcto y cómo puedo hacerlo
¿Cómo detectar la orientación del dispositivo mediante consultas de medios CSS?
En JavaScript, el modo de orientación se puede detectar usando: if (window.innerHeight > window.innerWidth) { portrait = true; } else { portrait = false; } Sin embargo, ¿hay alguna forma
Problemas de impresión de CSS @media con el color de fondo;
Estoy intentando crear una hoja de estilo imprimible para nuestra aplicación, pero tengo problemas background-colorcon @media print. @media print { #header{display:none;} #adwrapper{display:none;} td { border-bottom: solid; border-right: solid; background-color: #c0c0c0;
¿Cómo detectar si el SO está en modo oscuro en los navegadores?
Similar a "¿ Cómo detectar si OS X está en modo oscuro? " solo para navegadores. ¿Alguien ha descubierto si hay alguna forma de detectar si el sistema del usuario
Los enlaces no son visibles cuando se mira en otra dimensión que no sea mi computadora.
Los enlaces en mi barra de navegación desaparecen cuando miro mi sitio web a través de otra dimensión, como la pantalla de un iPhone. Intenté solucionarlo incluso con algunas configuraciones
¿Por qué mis consultas de medios CSS3 no funcionan en dispositivos móviles?
En estilos.css, estoy usando consultas de medios, las cuales usan una variación de: /*--[ Normal CSS styles ]----------------------------------*/ @media only screen and (max-width: 767px) { /*--[ Mobile styles go here]---------------------------*/
¿Cuál es la diferencia entre "pantalla" y "sólo pantalla" en las consultas de medios?
¿ Cuál es la diferencia entre screeny only screenen las consultas de medios? <link media="screen and (max-device-width: 480px)" rel="stylesheet" href="m.css" /> <link media="only screen and (max-device-width: 480px)" rel="stylesheet" href="m.css" />
Twitter Bootstrap 3: ¿cómo utilizar las consultas de medios?
Estoy usando Bootstrap 3 para crear un diseño responsivo en el que quiero ajustar algunos tamaños de fuente según el tamaño de la pantalla. ¿Cómo puedo utilizar consultas de medios
¿Es posible poner reglas CSS @media en línea?
Necesito cargar dinámicamente imágenes de banner en una aplicación HTML5 y me gustaría un par de versiones diferentes que se adapten al ancho de la pantalla. No puedo determinar correctamente
Consultas de medios CSS: ancho máximo O altura máxima
Al escribir una consulta de medios CSS, ¿hay alguna forma de especificar varias condiciones con la lógica "O"? Estoy intentando hacer algo como esto: /* This doesn't work */ @media
