vue3怎么清除#app原始的样式和媒体查询

在 Vue 3 中清除 #app 原始的样式和媒体查询，你可以在你的根组件中使用 CSS Reset 或者 CSS Normalize 来实现。

CSS Reset 是一种常用的方法，它可以重置浏览器默认样式。你可以在你的项目中创建一个 CSS 文件，然后在根组件中引入这个文件，例如：

/* reset.css */
body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, ul, ol, li {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* 在根组件中引入 reset.css */
<template>
  <div id="app">
    <!-- your app content here -->
  </div>
</template>

<style>
@import './reset.css';

/* 根组件样式 */
#app {
  /* your styles here */
}
</style>

CSS Normalize 是另一种常用的方法，它可以在保留有用的浏览器默认样式的同时，修复一些常见的跨浏览器兼容性问题。你可以通过安装 normalize.css 包来使用它。首先，在你的项目中安装 normalize.css：

npm install normalize.css

然后，在你的根组件中引入 normalize.css：

<template>
  <div id="app">
    <!-- your app content here -->
  </div>
</template>

<style>
@import 'normalize.css';

/* 根组件样式 */
#app {
  /* your styles here */
}
</style>

以上两种方法都可以清除 #app 原始的样式和媒体查询，选择其中一种适合你的需求即可。