Estoy desarrollando un nuevo sitio web con soporte para dispositivos móviles, y quiero probar el uso de "diseño receptivo"/"diseño adaptativo"/consultas de medios CSS. Me pregunto si hay un informe reciente de navegadores móviles que admitan consultas de medios. Si no, ¿cuál es una aproximación razonable?¿Qué porcentaje de navegadores móviles admiten consultas de medios CSS?
Respuesta
que utilizan este sitio todo el tiempo cuando necesito de revisar el apoyo multi-navegador: caniuse.com Este sitio dice que el apoyo para las consultas de los medios de comunicación (en todos los navegadores) está en 78.37%
Soporte para navegadores móviles está en 100%
OP solicitó ayuda en navegadores ** móviles **. 78.37% es el soporte general, de escritorio y móvil. Es 100% para los buscadores seguido de caniuse.com (Android 2.1, iOS3.2, Opera M *) pero eso no incluye toneladas de otros navegadores (Windows *, versiones anteriores de BlackBerry Bold, Samsung bada - MQ están bien con bada 1.1 -, etc.). El soporte en el escritorio es principalmente importante si va a Mobile First y también para ocuparse de diferentes resoluciones. – FelipeAls
Alrededor del 80%. No necesita preocuparse por Android, Opera Mini e iOS, pero luego está el otro 20% con Bada, teléfonos Blackberry antiguos, Windows Mobile ... Por lo tanto, debe agregar una vida de relleno respond.js que será útil para los navegadores de escritorio que no admite consultas de medios como IE8 y abajo.
Aproximadamente 87.14% de soporte y 0.01% de soporte parcial. Vea más: http://caniuse.com/css-mediaqueries
- 1. Tipo de medios CSS: cómo cargar CSS para dispositivos móviles?
- 2. Combinación de consultas de medios de CSS
- 3. Anular consultas de medios de CSS
- 4. consultas de medios CSS y! Importante
- 5. Ocultar Bootstrap Tooltips en dispositivos móviles utilizando consultas de medios
- 6. css consultas de medios: segmentar dispositivos móviles sin especificar ancho, proporción de píxeles, etc.
- 7. ¿Qué navegadores admiten las cookies de HttpOnly?
- 8. Qué navegadores admiten la inserción de fuente
- 9. ¿Necesitamos "restablecer CSS" para navegadores móviles también?
- 10. ¿Es posible anidar consultas de medios en consultas de medios?
- 11. ¿Qué navegadores actualmente admiten Web Workers?
- 12. Consultas de medios CSS3
- 13. ¿Puede alguien explicar las consultas de medios de CSS?
- 14. Problema de consultas de medios CSS con dispositivos iOS
- 15. ¿Qué versiones de WebKit para móviles admiten JavaScript Workers?
- 16. ¿Los navegadores con accesibilidad admiten CSS o JavaScript?
- 17. ¿Los navegadores para iPhone/Android admiten CSS @media handheld?
- 18. ¿Hay alguna ventaja en agrupar consultas de medios css juntas?
- 19. Consultas de medios CSS para el navegador web Amazon Kindle
- 20. ¿Por qué importa el orden de las consultas de medios en CSS?
- 21. ¿Qué navegadores móviles son compatibles con javascript (y Ajax)?
- 22. ¿Las aplicaciones móviles híbridas admiten notificaciones push?
- 23. La mejor manera de utilizar las consultas de medios para diseños móviles
- 24. Las consultas de medios fallan dentro de IE9 iframe
- 25. ¿Las consultas de medios funcionan en MediaWiki?
- 26. ¿Los navegadores de escritorio admiten eventos táctiles?
- 27. problema con las consultas de medios de CSS (barra de desplazamiento)
- 28. Medios consultas e imágenes de fondo
- 29. ¿Qué navegadores admiten CSS #parent> .direct-child notación? (no jQuery)
- 30. Web workers en navegadores móviles
Todos los teléfonos inteligentes recientes tienen soporte de MQ, al menos con dimensiones en px, no [rem] (http://fvsch.com/code/bugs/rem-mediaquery/). Ninguno de los móviles más antiguos lo admiten. En el medio ... Por lo tanto, depende de sus necesidades, el país en el que viven sus usuarios, etc. – FelipeAls