media-queries

¿Cómo espaciamos las consultas de medios con precisión para evitar la superposición? Por ejemplo, si consideramos el código ... pantalla normal,pero una retina uno?) Tengo mucha curiosidad sobre la respuesta aquí teniendo en cuenta la especificación.

Por alguna razón el modo de emulación de dispositivos no está leyendo mis consultas de medios. Funciona en otros sitios, incl ... <h2>I'm a second level heading</h2> <p>I'm another paragraph.</p> </body> </html>

Ahora que el error de WebKit page-zoom ha sido corregido, ¿cuáles son las principales razones para usar consultas de medios b ... ricos. El post original agregará perspectiva a la gran respuesta de @nwalton, que abordó los tres puntos que pregunté sobre.

Hola estoy trabajando con múltiples dispositivos de tableta, iPad, Galaxy Tab, Acer Iconia, LG 3D Pad y así sucesivamente. ... pixel-ratio y otros-webkit* opciones y sus valores a destino para iPad. No quiero usar JavaScript para estilos, ¿alguna idea?

Para una plantilla responsive, tengo una media query en mi CSS: @media screen and (max-width: 960px) { body{ /* somethin ... vice-width" name="viewport"/> Supongo que es debido a la barra de desplazamiento (15 px). ¿Cómo puedo hacer esto mejor?

He desarrollado un sitio utilizando twitter bootstrap y parece que la parte de diseño sensible está roto en todos los navegadores IE de IE8 y por debajo. ¿Esto no es compatible con estos navegadores?

Tengo una clase item y una clase "modificadora" compacta: .item { ... } .item.compact { /* styles to make .item smaller */ ... ctores dentro de la misma directiva. ¿Cómo podría lograr esto usando SASS sin tener que recurrir a copiar / pegar estilos?

Me gustaría que el ancho del viewport de mi página web sea igual a device-width siempre y cuando device-width > 450px, ... icional disponible en tabletas. Cualquier ayuda/idea sería realmente apreciada (y si hace una diferencia, estoy usando GWT).

Estoy tratando de usar variables CSS en media query y no funciona. :root { --mobile-breakpoint: 642px; } @media (max-width: var(--mobile-breakpoint)) { }

¿Cuáles son los anchos de consulta de medios más importantes para todos los dispositivos como computadoras de escritorio, tabletas, computadoras portátiles/Ipads, Iphones y teléfonos inteligentes? ¿Existen anchos estándar para estos dispositivos?

Actualmente estoy tratando de diseñar un diseño que sea compatible con múltiples tamaños de pantalla. Los tamaños de pantall ... ink rel="stylesheet" type="text/css" media="screen and (max-width: 1280px)" href="css/devices/screen/layout-modify4.css">

Estoy tratando de implementar diseños alternativos para el iPad/iPhone y los iPhones más antiguos también. He establecido qu ... endo mi pregunta; ¿Cómo puedo crear una regla @media que apunte tanto el iPhone 4, 3GS y otros móviles a los mismos estilos?

Así que estoy trabajando en mi primer sitio web responsivo que hace un amplio uso de consultas de medios. Me preguntaba si ha ... ispositivos móviles no se comportan como se espera(con @media). No entran en juego y cómo debo lidiar con estas situaciones?

Tengo una tabla para representar algunos datos en mi página html. Estoy tratando de hacer que esta mesa sea receptiva. ¿Cómo puedo hacer esto ? Aquí está el Demo.

Quiero mostrar el mismo conjunto de estilos CSS a las personas que imprimen la página (media=print) y a las personas que nave ... Algo como @media only print or @media only screen and (max-device-width: 480px) { #container { width: 480px; } }

¿Cuáles son las consultas de medios CSS correspondientes a los nuevos dispositivos de Apple ? Necesito establecer los body's background-color para cambiar el color de fondo del área segura de la X.

Estoy trabajando en un sitio web específico para iPad. Para hacer que mi sitio web funcione tanto en el iPad retina display c ... ero tengo un error de compilación que dice @ratio no está definido. Es posible tener una solución para que funcione? Gracias.

Dado que hay muchas maneras de implementar Consultas de medios CSS3 en un sitio web, me gustaría saber cuál es recomendado po ... Eso es todo en lo que puedo pensar. Cómo debería los medios ¿se gestionan las consultas? Gracias por cualquier respuesta.

Hay muchas consultas de medios diferentes para tamaños de pantalla móviles. Puede ser abrumador acomodarlos a todos al diseña ... edia only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) { /* Styles */ }

Por alguna razón parece que respond JS no está funcionando. Estoy usando Media Queries en IE 8 para cambiar imágenes de fondo ... ara hacer que IE 8 Media Queries Funcione? Nota: parece que el html5-shiv funciona. Yo estoy probando en un servidor web.