Użyj wbudowanego stylu zapytań o media

Question

Wiem, że brzmi to niedorzecznie, ale czy mogę użyć zapytania o media css w stylu inline? Powodem jest użycie echa tła w PHP i użycie obrazu o siatkówce, jeśli urządzenie jest siatkówką.

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

Answer 1

Nie obrębie deklaracji stylu inline o ile wiem.

Jednakże, jeśli jesteś echem od wewnątrz PHP i naprawdę nie może uzyskać dostępu do stylów Proponuję echem element inline <style /> z zapytania mediów i przy użyciu klasy dla div.

tj

<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>