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.

293
¿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...

225
@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) { /*...

176
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...

141
Consultas de medios: entre dos anchos

Estoy tratando de usar consultas de medios CSS3 para crear una clase que solo aparece cuando el ancho es mayor que 400 px y menor que 900 px. Sé que esto es probablemente extremadamente simple y me falta algo obvio, pero no puedo entenderlo. Lo que se me ocurrió es el siguiente código, agradezco...

132
consulta de medios CSS iPhone 5

El iPhone 5 tiene una pantalla más larga y no capta la vista móvil de mi sitio web. ¿Cuáles son las nuevas consultas de diseño receptivo para el iPhone 5 y puedo combinarlas con las consultas existentes de iPhone? Mi consulta de medios actual es esta: @media only screen and (max-device-width:...

128
Obtenga el ancho del dispositivo en javascript

¿Hay alguna manera de obtener el ancho del dispositivo de los usuarios, en lugar del ancho de la ventana gráfica, usando JavaScript? Las consultas de medios CSS ofrecen esto, como puedo decir @media screen and (max-width:640px) { /* ... */ } y @media screen and (max-device-width:960px) { /*...