Sử dụng kiểu truy vấn nội tuyến phương tiện truyền thông

Question

Tôi biết điều đó nghe có vẻ vô lý, nhưng tôi có thể sử dụng truy vấn phương tiện css theo kiểu nội tuyến không? Lý do là tôi đang lặp lại một nền tảng trong PHP và cần phải sử dụng một hình ảnh kích thước võng mạc nếu thiết bị là võng mạc.

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

Answer 1

Không phải trong một tuyên bố phong cách nội tuyến như xa như tôi biết.

Tuy nhiên, nếu bạn đang vang vọng từ bên trong PHP và thực sự không thể truy cập vào stylesheet tôi sẽ đề nghị lặp lại một yếu tố inline <style /> với truy vấn phương tiện truyền thông và sử dụng một lớp cho div.

ví dụ

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