title: Problem with style when creating project with Vue-Cli
body: <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>&lt;style scoped lang='scss'&gt;
  * {
    margin: 0;
    padding: 0;
  }
  
  ul {
    position: fixed;
    height: 60px;
    bottom: 0;
    display: flex;
    background: #e4e5e6;
    border:1px solid #ccc;
    justify-content: space-around;
    width: 100%;
    li {
      line-height: 60px;
      list-style: none;
    }
  }
  &lt;/style&gt;</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>  &lt;div id="tabBar"&gt;
      &lt;ul&gt;
        &lt;li v-for="item of list" :key="item.id"&gt;
          &lt;router-link
           :to="item.path"
  
           &gt; {{ item.name }}&lt;/router-link&gt;
        &lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>When the page is rendered, the ul tag automatically sets the attributes, and it has a higher priority than mine.
  The automatically set properties are:switch-adjust-element-width=&quot;1&quot;
  How should I avoid such problems from happening?Hope everyone help me</p>