Media query не работает в теге стиля VueJS
Я пытаюсь использовать @media в тегах стиля компонента VueJS. Стиль в @media работает все время вместо того, чтобы работать с правилом ширины.
<template>
<header class="header"></header>
</template>
<script>
export default {
}
</script>
<style scoped>
.header {
height: 2000px;
background-color: black;
}
@media only screen and (min-width: 576px) {
.header {
height: 2000px;
background-color: white;
}
}
</style>
Однако он работает, как и ожидалось в raw .HTML-файл.
У вопроса есть решение - Посмотреть?

Похоже, он просто не работает на мобильном представлении chrome developer tools с npm run serve.
Источник
Ответы - Media query не работает в теге стиля VueJS / Media query does not work in VueJS style tag
Помочь в развитии проекта: