Использовать встроенный стиль медиа-запросов

Я знаю, это звучит смешно, но могу ли я использовать медиа-запрос css в встроенном стиле? Причина в том, что я вторя фон в PHP и должен использовать изображение размера сетчатки, если устройство является сетчаткой.

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

Ответы

Ответ 1

Не в пределах встроенного объявления стиля, насколько я знаю.

Однако, если вы эхом отдаетесь от PHP, а действительно не может получить доступ к таблице стилей, я бы предложил повторить элемент inline <style /> с помощью медиа-запроса и использовать класс для div.

то есть.

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