Generating CSS media queries with javascript or jQuery

Question

Is it possible to create full media query rules on the fly using Javascript or jQuery?

I\'ve used numerous media queries to target generalised viewports and spec

Answer 1

I use this way. This allows to update multiply styles in document

in HTML:

in JS

$(".background_image_styles").text("@media (min-width: 1200px) {.user_background_image{background-image: url('https://placehold.it/1200x300');}}");