Version

3.2.2

Reproduction link

https://sfc.vuejs.org/

Steps to reproduce

v-bind after max-width and min-width inside media queries does not provide any data

What is expected?

Expected to see red font with screen width less than 700px

What is actually happening?

We get this css code after compiling: @media only screen and (max-width: v-bind(width)) { div[data-v-f13b4d11] { color: red; } }

@harmyderoman your repro link is broken.

@harmyderoman your repro link is broken.

fixed

I'm not sure if this usage scenario is reasonable.

You can't use CSS vars in media query declarations and since Vue relies on them, this is not possible.