Preguntas etiquetadas con media-queries

Las consultas de medios permiten la aplicación condicional de estilos CSS según los tipos de medios, como la pantalla y la impresión, y las condiciones de las características de los medios, como la ventana gráfica y la altura y el ancho del dispositivo. Son parte de la especificación W3C CSS3.

5
¿Cuál es la diferencia entre "pantalla" y "pantalla única" en las consultas de medios?
¿Cuál es la diferencia entre screeny only screenen las consultas de los 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" /> ¿Por qué estamos obligados a usar only screen? ¿ screenNo proporciona por sí misma suficiente información para ser presentada solo …
487 css  media-queries 
15
Consultas de medios: ¿Cómo apuntar a computadoras de escritorio, tabletas y dispositivos móviles?
He estado investigando sobre consultas de medios y todavía no entiendo cómo apuntar a dispositivos de ciertos tamaños. Quiero poder apuntar a computadoras de escritorio, tabletas y dispositivos móviles. Sé que habrá algunas discrepancias, pero sería bueno tener un sistema genérico que pueda usarse para apuntar a estos dispositivos. Algunos …
12
¿Es posible poner reglas CSS @media en línea?
Necesito cargar dinámicamente imágenes de banner en una aplicación HTML5 y quisiera un par de versiones diferentes para adaptarse a los anchos de pantalla. No puedo determinar correctamente el ancho de pantalla del teléfono, por lo que la única forma en que puedo pensar en hacerlo es agregar imágenes de …
293 html  css  media-queries 
5
@Media ancho mínimo y ancho máximo
Tengo esta @mediaconfiguración: HTML : <head> <meta name="viewport" content="width=device-width, user-scalable=no" /> </head> CSS : @media screen and (min-width: 769px) { /* STYLES HERE */ } @media screen and (min-device-width: 481px) and (max-device-width: 768px) { /* STYLES HERE */ } @media only screen and (max-device-width: 480px) { /* STYLES HERE */ …
16
¿Por qué mis consultas de medios CSS3 no funcionan?
En styles.css, estoy usando consultas de medios, los cuales usan una variación de: /*--[ Normal CSS styles ]----------------------------------*/ @media only screen and (max-width: 767px) { /*--[ Mobile styles go here]---------------------------*/ } Los sitios cambian de tamaño al diseño que quiero en un navegador normal (Safari, Firefox) cuando encojo la ventana, …
11
Soporte de IE8 para CSS Media Query
¿IE8 no admite la siguiente consulta de medios CSS: @import url("desktop.css") screen and (min-width: 768px); Si no, ¿cuál es la forma alternativa de escribir? Lo mismo funciona bien en Firefox. ¿Algún problema con el código a continuación? @import url("desktop.css") screen; @import url("ipad.css") only screen and (device-width:768px);
19
Problemas de impresión de CSS @media con color de fondo;
Soy nuevo aquí en esta compañía y tenemos un producto que utiliza millas de CSS. Estoy intentando hacer una hoja de estilo imprimible para nuestra aplicación, pero estoy teniendo problemas con background-coloren @media print. @media print { #header{display:none;} #adwrapper{display:none;} td { border-bottom: solid; border-right: solid; background-color: #c0c0c0; } } Todo …
176 css  media-queries 
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.