web-dev-qa-db-fra.com

Utiliser le style de requête multimédia en ligne

Je sais que cela semble ridicule, mais puis-je utiliser une requête multimédia CSS dans un style en ligne? La raison en est que je fais écho à un arrière-plan en PHP et que je dois utiliser une image de taille rétine si l'appareil est rétine.

ie: <div style="background:url(normal.png); <- need to add style for retina device

htmlcssmedia-queries
17
JackMahoney

Pas dans une déclaration de style en ligne pour autant que je sache.

Cependant, si vous faites écho de l'intérieur PHP et vraiment ne peut pas accéder à la feuille de style, je suggérerais de faire écho à un _ <style /> élément avec la requête multimédia et en utilisant une classe pour la div.

c'est-à-dire

<style type="text/css">
    .bg {
        background: url(background.jpg);
    }
    @media only screen and (max-device-width: 480px) { /* Change to whatever media query you require */
        .bg {
             background: url(background_highres.jpg);
        }
    }

</style>
<div class="bg">...</div>
20
Marko