Comment faire des requêtes multimédias pour les différents navigateurs mobiles (comme Opera Mobile et Firefox) sur Android? Le CSS casse vraiment lorsque j'utilise certains navigateurs.CSS spécifique au navigateur pour les navigateurs mobiles
Vous ne pouvez pas directement wit CSS, mais vous pouvez utiliser
// target mobile devices
@media only screen and (max-device-width: 480px) {
body { max-width: 100%; }
}
// recent Webkit-specific media query to target the iPhone 4's high-resolution Retina display
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
// CSS goes here
}
// should technically achieve a similar result to the above query,
// targeting based on screen resolution (the iPhone 4 has 326 ppi/dpi)
@media only screen and (min-resolution: 300dpi) {
// CSS goes here
}
vous pouvez également définir en HTML
<link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="css/mobile.css" type="text/css" />
<link rel="stylesheet" media="only screen and (-webkit-min-device-pixel-ratio: 2)" href="css/mobile.css" type="text/css" />
<link rel="stylesheet" media="only screen and (min-resolution: 300dpi)" href="css/mobile.css" type="text/css" />
Je pense que votre question est vraiment trop large. Il y a un certain nombre d'articles sur les requêtes média sur http://dev.opera.com/articles/tags/media%20queries/ par exemple, mais il vaut probablement mieux si vous postez en termes spécifiques spécifiques quel est votre problème. – andreasbovens