5
¿Cuál es la diferencia entre estas dos instrucciones?Consultas de medios CSS3
@media screen and (max-device-width: 480px) {}
y
@media only screen and (max-device-width: 480px) {}
A
Respuesta
8
La palabra clave ‘sólo’ también se puede utilizar para ocultar las hojas de estilo de más edad agentes de usuario. Los agentes de usuario deben procesar consultas de medios comenzando con 'solo' como si la palabra clave 'only' no estuviera presente.
De http://www.w3.org/TR/css3-mediaqueries/
En escenarios reales de uso, la consulta only screen se utiliza para apuntar a los navegadores móviles específicos que soportan CSS moderna.
De http://www.alistapart.com/articles/return-of-the-mobile-stylesheet
Aún más claramente
se coloca una preguntas de los medios con la "única" palabra clave hará que navegadores CSS3 no conformes a ignorar la regla.
Cuestiones relacionadas
- 1. Las consultas de medios de CSS3 no funcionan
- 2. ¿Dónde colocar las consultas de medios de CSS3?
- 3. ¿Es posible anidar consultas de medios en consultas de medios?
- 4. ¿Dónde puedo encontrar una lista de consultas de medios CSS3 para todos los dispositivos comunes?
- 5. ¿Puede alguien explicar las consultas de medios de CSS?
- 6. Combinación de consultas de medios de CSS
- 7. Anular consultas de medios de CSS
- 8. consultas de medios CSS y! Importante
- 9. ¿Las consultas de medios funcionan en MediaWiki?
- 10. Medios consultas e imágenes de fondo
- 11. ¿Qué porcentaje de navegadores móviles admiten consultas de medios CSS?
- 12. Paisaje de tableta específico con consultas de medios
- 13. ¿Cómo escribirías consultas de medios para múltiples tamaños de pantalla?
- 14. Las consultas de medios fallan dentro de IE9 iframe
- 15. Problema de consultas de medios CSS con dispositivos iOS
- 16. Metaetiquetas de metadatos frente a consultas de medios?
- 17. ¿Hay alguna ventaja en agrupar consultas de medios css juntas?
- 18. Consultas de medios CSS para el navegador web Amazon Kindle
- 19. ¿Las consultas de medios no anulan los estilos nativos?
- 20. Ocultar Bootstrap Tooltips en dispositivos móviles utilizando consultas de medios
- 21. Consultas de medios CSS para la densidad de píxeles: -moz-min-device-pixel-ratio vs. min - moz-device-pixel-ratio
- 22. Cambio de estilo móvil en Rails 3, método de ayuda frente a consultas de medios
- 23. ¿Hay alguna manera de utilizar DPI en consultas de medios css en lugar de px
- 24. problema con las consultas de medios de CSS (barra de desplazamiento)
- 25. La mejor manera de utilizar las consultas de medios para diseños móviles
- 26. ¿Por qué importa el orden de las consultas de medios en CSS?
- 27. ¿Cuáles son los buenos valores de resolución para usar con consultas de medios?
- 28. css consultas de medios: segmentar dispositivos móviles sin especificar ancho, proporción de píxeles, etc.
- 29. Ouput todas las consultas de medios de la página en una lista
- 30. ¿Cuál es la diferencia entre las consultas de medios max-width y max-device-width?