Articles of media consultas

Agrupamiento de Media Query en lugar de múltiples consultas de medios dispersos que coinciden

Estoy experimentando con LESS (no soy un fan de la syntax de SASS) y he estado tratando de averiguar cuál sería la mejor forma de hacer consultas de medios con él. Leí esta publicación de blog sobre cómo “hacer” consultas en los medios con LESS, pero señala el hecho de que esto hace que todas […]

La consulta de medios no funciona en IE9

Tengo un problema extraño que solo ocurre con IE9. Estoy trabajando en una página web que tiene un diseño de escritorio y un diseño móvil. Mismo HTML, CSS diferente. El problema ocurre con el siguiente código: @media only screen and (min-device-width: 768px) and (max-device-width: 1024px), only screen and (max-device-width: 640px) Todos los navegadores, con la […]

Activación de jquery con consultas de medios css

Estoy usando consultas de medios css en mi proyecto para crear un sitio que funcione con cualquier pantalla de tamaño. Estoy buscando desencadenar las funciones jquery diferencia al igual que lo haría con CSS. Por ejemplo, si el tamaño del navegador está entre 1000px y 1300px, me gustaría llamar a la siguiente función: $(‘#mycarousel’).jcarousel({ vertical: […]

Compatibilidad con IE7, IE8 para consulta de medios css3

Yo he tratado : @media screen and (max-width:1024px) { .sidebar{width:630px;} } para obtener la solución para IE7 y 8 pero no funciona, mientras que funciona para IE9 y otros navegadores. ¿Hay alguna forma diferente de escribir esto? Intenté incluir también css3mediaqueries js pero no tuve éxito. ¿Hay algún tipo de soporte para IE7 e IE8?

CSS Media Query – Soft-keyboard rompe las reglas de orientación css – ¿solución alternativa?

Estoy trabajando con varios dispositivos de tableta, ambos Android y iOS . Actualmente tengo las siguientes variaciones de resolución para todas las tabletas. 1280 x 800 1280 x 768 1024 x 768 (iPad obviamente) – iPad no tiene este problema La forma más simple de aplicar el estilo basado en la orientación del dispositivo es […]

Fusionar consultas de medios, usando SASS y Breakpoint (Responder a)

El uso de SASS y Responder a (Punto de interrupción) produce un archivo .css con múltiples consultas de medios, no fusionadas. No es gran cosa, pero en IE8, al utilizar css3-mediaqueries.js, causa un locking de IE8. css3-mediaqueries.js agrega una etiqueta de estilo para cada mediaqueries, e IE8 no puede obtener hasta 32 … ¿Cómo puedo […]

Consulta de medios CSS para apuntar solo al iPad y al iPad

Hola, estoy trabajando con múltiples dispositivos de tableta, iPad, Galaxy Tab, Acer Iconia, LG 3D Pad, etc. iPad – 1024 x 768 Almohadilla LG – 1280 x 768 Galaxy Tab – 1280 x 800 Quiero apuntarme al iPad solo con la consulta de medios de CSS3. Dado que el ancho del dispositivo de LG y […]

Consulta de medios para detectar si el dispositivo es pantalla táctil

¿Cuál es la forma más segura, utilizando consultas de medios, para hacer que algo suceda cuando no está en un dispositivo con pantalla táctil? Si no hay forma, ¿sugiere utilizar una solución de JavaScript como !window.Touch o Modernizr?

consulta de medios CSS de 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 combinar con las consultas existentes del iPhone? Mi consulta de medios actual es esta: @media only screen and (max-device-width: 480px) {}

$ (window) .width () no es lo mismo que consulta de medios

Estoy usando Twitter Bootstrap en un proyecto. Además de los estilos de arranque predeterminados, también he agregado algunos de los míos //My styles @media (max-width: 767px) { //CSS here } También estoy usando jQuery para cambiar el orden de ciertos elementos en la página cuando el ancho de la ventana es inferior a 767px. $(document).load($(window).bind(“resize”, […]